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)

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

 

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM