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)

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

 

  

posted @ 2018-08-17 10:52  豆豆飞  阅读(10147)  评论(0编辑  收藏  举报