vue axios upload (圖片,文件)上傳 及監聽文件刪除時的操作


1、對上傳文件做限制 

accept=".doc,.docx,.zip,.rar,.xls,.xlsx,.jpg,.png" //支持格式
2、對上傳文件數量做限制 
:limit="1"
3、upload  自定義上傳函數
:http-request=" xxx "
 
4、詳細看下圖

 

 

5、在自定義方法內拿到file 文件添加到一個formData對象中  需要傳遞別的參數到后台 也可以把參數直接添加到fromData 中 一同傳遞 (根據個人需求來)

 

6.監聽文件刪除 時做操作 將刪除文件后的數組替換掉存文件的數組

 

 在 on-remove  定義的方法中   做賦值操作 拿到 刪除  當前點擊  文件后的數組

 

 

 

添加參數到fromData : this.fromData.append('userId':this.id)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM