js将本地路径的图片转化为base64格式

1. 比如引入本地路径的图片
   import ScanIcon from '@assets/images/login/logo.png'
2. 封装的方法（这是我在网上找的目前为止最简便的方法如果哪位学友有更好的解决办法可以V：13014621624 大家共同进步）

getBase64Image = (img: any) => {
    let canvas = document.createElement('canvas')
    canvas.width = img.width
    canvas.height = img.height
    let ctx = canvas.getContext('2d')
    ctx && ctx.drawImage(img, 0, 0, img.width, img.height)
    var ext = img.src.substring(img.src.lastIndexOf('.') + 1).toLowerCase()
    var dataURL = canvas.toDataURL('image/' + ext)
    return dataURL
  }

3. 使用

var image = new Image()
image.src = ScanIcon // ScanIcon为引入进来的本地路径的图片
let base64 = ''
image.onload = () => {
  base64 = this.getBase64Image(image)
}
console.log(base64, '即为转换为的base64格式')

本文章到此结束欢迎回帖共同学习共同进步