2020-11-27

通常,我們通過input 上傳一個(gè)文件時(shí),需要先獲取到圖片的路徑,然后再傳給后端,那么怎么獲取到圖片的路徑呢,js中需要定義FileReder對(duì)象才能獲取到文件的路徑,上代碼

html:

<input?type="file"?accept="image/*"?onchange="upLoad(this)"/>

js:



當(dāng)在圖片加載事件里面獲取到的evt.target.result就是base64的圖片路徑

當(dāng)獲取到路徑后,我們?nèi)绻朕D(zhuǎn)成Blob時(shí),上代碼:

Blob 傳入數(shù)據(jù)只能傳對(duì)象或者數(shù)組,不支持直接傳字符串,轉(zhuǎn)完了以后,我們可以用instanceof來驗(yàn)證一下,轉(zhuǎn)的是否正確,不能直接用正則表達(dá)式來判斷url里是否含有Blob這個(gè)字符串來認(rèn)定這就是Blob,因?yàn)锽lob類型對(duì)象的數(shù)據(jù)里,大概是[size:111,type:"image"]的結(jié)構(gòu)哦

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容