Vue中图片文件转换为Base64格式的方法

Vue中图片文件转换为Base64格式的方法

工具方法:

function convertImgToBase64(imageFile, callback, errorCallback) {
try {
let reader = new FileReader()
reader.readAsDataURL(imageFile)
reader.onload = function(e) {
if (callback) {
let base64Str = e.target.result
callback(base64Str)
}
}
} catch (error) {
console.error(error)
if (errorCallback) {
errorCallback(error)
}
}
}

说明:

  • imageFile参数对应file文件的raw属性
  • callback参数,转换成功的回调函数
  • errorCallback参数,转换失败的回调函数

使用样例:

convertImgToBase64(this.file.raw, base64Str => console.log(base64Str), error => console.log(error));