新聞中心
這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)AntdV Upload組件customRequest該如何自定義上傳方法,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
創(chuàng)新互聯(lián)網(wǎng)絡(luò)公司擁有10多年的成都網(wǎng)站開發(fā)建設(shè)經(jīng)驗,上千余家客戶的共同信賴。提供成都網(wǎng)站設(shè)計、成都網(wǎng)站制作、網(wǎng)站開發(fā)、網(wǎng)站定制、賣鏈接、建網(wǎng)站、網(wǎng)站搭建、成都響應(yīng)式網(wǎng)站建設(shè)公司、網(wǎng)頁設(shè)計師打造企業(yè)風(fēng)格,提供周到的售前咨詢和貼心的售后服務(wù)
customRequest 可以自定義自己的上傳方法
需求場景
后臺管理系統(tǒng),UI框架是Ant Design of Vue上傳圖片用的是Upload組件。
需求描述:上傳圖片,轉(zhuǎn)為base64
實現(xiàn)方法
API方法中,有一個自定義上傳行為的方法,通過覆蓋默認的上傳行為,可以自定義自己的上傳實現(xiàn)
customRequest自定義上傳方法
![]()
上傳
上傳的圖片轉(zhuǎn)為base64
//對上傳的文件處理 selfUpload ({ action, file, onSuccess, onError, onProgress }) { console.log(file, 'action, file'); const base64 = new Promise(resolve => { const fileReader = new FileReader(); fileReader.readAsDataURL(file); fileReader.onload = () => { resolve(fileReader.result); // this.formImg = fileReader.result; } }); }
上述就是小編為大家分享的AntdV Upload組件customRequest該如何自定義上傳方法了,如果剛好有類似的疑惑,不妨參照上述分析進行理解。如果想知道更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
分享題目:AntdVUpload組件customRequest該如何自定義上傳方法
本文路徑:http://fisionsoft.com.cn/article/pjcghg.html