js axios文件上传

上传文件(二进制流),与后台请求的方式,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 =>{})
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容