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