vue前端使用了vue.ant.design組件,具體參考文檔:https://vue.ant.design/components/upload-cn/
文件上傳組件:
需要導(dǎo)入的模塊:
注意:由于該框架操作默認(rèn)需要token疲扎,所以在進(jìn)行后臺請求前增淹,獲取token并放入當(dāng)前頁面中召衔。
操作說明(思路):組件默認(rèn),當(dāng)選擇照片后默認(rèn)自動上傳到服務(wù)器秫逝,并可根據(jù)組件的相關(guān)方法獲取回調(diào)參數(shù)(上傳文件的路徑)在上傳成功后獲刪除文件后將這些方法中的filelist參數(shù)中的路徑存入頁面data中蓖扑,最后再通過提交方法寫入數(shù)據(jù)庫即可谈截。