上传文件(二进制流),与后台请求的方式,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 =>{})
网友评论