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=>{
  //失败你做的事情
})