场景描述
在工作中,我们经常需要进行文件上传。
比如在进行图片上传的时候,
我们需要将上传的图片展示出来。
这个时候我们就需要将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=>{ //失败你做的事情 })