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)

请原谅我这里到处都是变量，工作需要 没办法，见谅哈，我只是说一下思路，具体的还是靠大家根据不同的场合去实现

 

　　

转载于:https://www.cnblogs.com/lmxxlm-123/p/9492115.html