项目本地的图片转为base64

最新推荐文章于 2024-04-03 12:05:34 发布

入门小白~

最新推荐文章于 2024-04-03 12:05:34 发布

阅读量195

点赞数

文章标签： servlet java javascript vue.js

本文链接：https://blog.csdn.net/qq_52352251/article/details/125786112

版权

// imageUrlToBase64
export async function imageUrlToBase64(url) {
    return new Promise(function(resolve, reject) {
      // 一定要设置为let，不然图片不显示
      const image = new Image()
      image.src = url
      let dataURL = ''
      // image.onload为异步加载
      image.onload = () => {
        var canvas = document.createElement('canvas')
        canvas.width = image.width
        canvas.height = image.height
        var context = canvas.getContext('2d')
        context.drawImage(image, 0, 0, image.width, image.height)
        var quality = 0.8
        // 这里的dataurl就是base64类型
        dataURL = canvas.toDataURL('image/png', quality)
        resolve(dataURL)
      }
    })
  }

imageUrlToBase64(item.urls).then(res => {
       this.device_info.ico = res;
})