element-ui upload 多文件单接口上传(二)
2021-02-15 21:19
标签:nbsp BMI sub 文件 mit src 多个 reac ids 最近在使用element-ui upload 上传多个文件的时候发现element-ui的批量上传是每个文件都请求一次接口,但是我们项目的需求是多个文件只请求一次接口,经历一番久战后,得出以下总结。 当点击”确定“(如图所示)时,需要进行手动调接口,进行以下操作: element-ui upload 多文件单接口上传(二) 标签:nbsp BMI sub 文件 mit src 多个 reac ids 原文地址:https://www.cnblogs.com/dreamstartplace/p/12982900.html 1 submitUpload(formName) {
2 if(this.fileLength && this.fileLength > 0){
3 var formData = new FormData(); // 用FormData存放上传文件
4 formData.append(‘positionId‘,this.form.positionId);
5 formData.append(‘positionIds‘,this.form.positionIds);
6 formData.append(‘fileType‘,this.form.fileType);
7 formData.append(‘source‘,this.form.source); //以上这几行为除上传文件之外需要附带的参数
8 if( this.fileList.length > 0) { //this.fileList为文件集合
9 this.fileList.forEach(file => {
10 formData.append(‘file‘, file.raw);
11 })
12 }
13 this.$axios.post(this.uploadUrl1,formData)
14 .then(res => {
15 this.$message.success(res.data.message);
16 }).catch(err => {
17 console.error(err)
18 })
19 }else{
20 this.$message.success(‘请上传文件‘);
21 }
22 }
文章标题:element-ui upload 多文件单接口上传(二)
文章链接:http://soscw.com/index.php/essay/55806.html