嗨害嗨！
來了嗷~

簡(jiǎn)簡(jiǎn)單單小封裝

const getBase64 = (file)=>{return new Promise((resolve, reject) => {const reader = new FileReader()reader.readAsDataURL(file)reader.onload = (e)=>{resolve(reader.result)}reader.onerror = (error) =>reject(error)})}

這里運(yùn)用Promise的方法清晰方便，上面?zhèn)鲄⑹呛笈_(tái)以流的形式，傳給你的圖片信息，關(guān)于new FileReader()的方法，大致意思就是給new一個(gè)關(guān)于圖片的實(shí)例，然后根據(jù)圖片信息進(jìn)行一些處理，具體自己log打印出來就明白了，有不了解Promise的新手可以看我前面的文章

然后這個(gè)方法什么時(shí)候用呢，比如我現(xiàn)在用的antd組件，我在上傳前做一個(gè)格式轉(zhuǎn)換，注意這里不能再上傳事件上調(diào)用這個(gè)方法，會(huì)報(bào)錯(cuò)，一定是上傳前的限制

const beforUpload = async (file)=>{await getBase64(file.originFileObj) }

總結(jié)

以上是生活随笔為你收集整理的js上传图片转base64格式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。