element-ui实现自定义多个文件上传
这里强调下是:aixos是原始的,不要qs封装过的,不然不识别传值传不过去 <el-upload action="/admin/borrow/borrowEdit" list-type="picture-card" :multiple=true :file-list="ruleForm.imgList" :on-remove="handleRemove" :on-change="changeUpload" :http-request="uploadImg" > <!-- :auto-upload=false --> <i class="el-icon-plus"></i> </el-upload>
在data里,我一般是把所有的data提出去,感觉这样方便一些 js部分: param : new FormData(), uploadImg(f){ this.param.append('files[]',f.file);//通过append向form对象添加数据 }, 在准备提交的时候,把其它的数据也一并塞到这个formdata,一起传给后台,要不后台不识别 for(var item in this[diffData.form]){ this.param.append(item, this[diffData.form][item]); }
axios.post(url,this.param)
请原谅我这里到处都是变量,工作需要 没办法,见谅哈,我只是说一下思路,具体的还是靠大家根据不同的场合去实现