在vue項目入口文件index.js(main.js)中,或者在調用組件中,引入以下代碼:
進口?VueUploadDrag?從哪裏?'上傳-拖動'
vue . use(vueuploadrag)
根據您的要求,添加:
& lt模板& gt& lt楓葉-上傳?v-model= "文件列表"?:config="config "
@ on error = " on error " @ on success = " on success "
/& gt;& lt/template & gt;
OnError ({ err,file,uid }) {//上傳失敗,圖片會自動移除。建議給個提示。
警報(“圖像上傳失敗”)
console.log(錯誤,文件,uid)
},
OnSuccess ({res,file,_ uid,exchange URL,handle remove }){//上傳成功。請接受onsuccess方法。
console.log(res,file,_uid,exChangeUrl,handleRemove)
If (res.code = =' 0') {//res返回後端的數據,只是舉例。
const {url} = res.obj
exChangeUrl(_uid,URL);// url是後端返回的圖片鏈接值,uid是onSuccess傳入的。
}否則{
警報(“圖像上傳失敗”)
HandleRemove(_uid) //刪除圖片。
}
}