美文网首页
js axios文件上传

js axios文件上传

作者: 暴烈的海胆 | 来源:发表于2018-11-07 16:50 被阅读0次

上传文件(二进制流),与后台请求的方式,multipart/form-data,

<!-- 只接受xlsx -->
<p class="item-tips">文件后缀名必须为xlsx,文件大小不得大于10M(若上传数据量较大,上传过程可能会比较久,请耐心等候)</p>
<form id="uploadForm"  enctype="multipart/form-data"  @change="onFileChange">
         <input type="file" id="file"     
           accept="application/vnd.openxmlformatsofficedocument.spreadsheetml.sheet" 
            ref="file"/>
</form>
      
     this.oFiles =event.target.files[0];
      //文件小于10M
    let fileMaxSize = 10240;//10M
    let fileSize = this.oFiles.size;
    let size = fileSize / 1024;  //1M = 1024
      if (size > fileMaxSize) {
          this.$message.warning("文件大小不能大于10M!");
           this.$refs.file.value = ''
             return false;
        }

//请求 二进制流
      let formData = new FormData();
            formData.append('file', file);
            axios({
                url:baseUrl,
                method: 'POST',
                data:formData,
                timeout:0, //无超时
                headers: {
                    'Content-Type': 'multipart/form-data',
                    }
            }).then(res =>{})

相关文章

网友评论

      本文标题:js axios文件上传

      本文链接:https://www.haomeiwen.com/subject/hcbvxqtx.html