嗨害嗨！
來了嗷~

簡簡單單小封裝

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)})}

這里運用Promise的方法清晰方便，上面傳參是后臺以流的形式，傳給你的圖片信息，關于new FileReader()的方法，大致意思就是給new一個關于圖片的實例，然后根據圖片信息進行一些處理，具體自己log打印出來就明白了，有不了解Promise的新手可以看我前面的文章

然后這個方法什么時候用呢，比如我現在用的antd組件，我在上傳前做一個格式轉換，注意這里不能再上傳事件上調用這個方法，會報錯，一定是上傳前的限制

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。