file文件轉為base64

場景描述

在工作中，我們經常需要進行文件上傳。
比如在進行圖片上傳的時候，
我們需要將上傳的圖片展示出來。
這個時候我們就需要將file文件轉化為base64。

將file文件轉化為base64

// 將file文件上傳轉化為base64進行顯示
function getBase64(file) {
    return new Promise((resolve, reject) => {
        ///FileReader類就是專門用來讀文件的
        const reader = new FileReader()
        //開始讀文件
        //readAsDataURL: dataurl它的本質就是圖片的二進制數據， 進行base64加密后形成的一個字符串，
        reader.readAsDataURL(file)
        // 成功和失敗返回對應的信息，reader.result一個base64，可以直接使用
        reader.onload = () => resolve(reader.result)
        // 失敗返回失敗的信息
        reader.onerror = error => reject(error)
    })
}

使用

getBase64( file文件 ).then（res=>{
  //成功你做的事情
}).catch(err=>{
  //失敗你做的事情
})