<el-upload
class="upload-demo"
ref="upload"
action="doUpload"
:limit="1"
:disabled='requested'
:file-list="fileList"
:before-upload="uploadRecord">
<el-button slot="trigger" size="small" type="primary" :loading="requested">2021年现代物流业</el-button>
</el-upload>
uploadRecord(file){
this.requested = true
this.files = file;
const extension = file.name.split('.')[1] === 'xls'
const extension2 = file.name.split('.')[1] === 'xlsx'
const isLt5M = file.size / 1024 / 1024 < 5
if (!extension && !extension2) {
this.$message.warning('上传模板只能是 xls、xlsx格式!')
this.requested = false
return
}
if (!isLt5M) {
this.$message.warning('上传模板大小不能超过 5MB!')
this.requested = false
return
}
this.fileName = file.name;
setTimeout(() => {
this.submitUpload();
},500);
return false; // 返回false不会自动上传
},
submitUpload(){
if(this.fileName == ""){
this.$message.warning('请选择要上传的文件!')
return false
}
let fileFormData = new FormData();
fileFormData.append('excelFile', this.files);
let requestConfig = {
headers: {
'Content-Type': 'multipart/form-data'
},
}
// 执行上传excel
this.$http.post(LINKURL + 'benefitPerMu/data/comparison', fileFormData, requestConfig).then(res => {
if(res.data.code==0){
this.uploadDataReult = res.data.data
this.dialogDataComparisonTow = true
this.requested = false
}
}).catch((e) => {
// console.log(e);
this.$message.error("excel上传失败,请重新上传");
})
}
element 上传excel文件 FromData
最新推荐文章于 2024-06-18 10:25:18 发布