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

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

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

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

文章评论