美文网首页
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