前端如何把图片url地址https://url转成base64

一、直接上代码

一、直接上代码

<code>async getImgImg() {

let url = await this.base64(this.From.imageData)

}，

base64(url) {

return new Promise(resolve => {

const image = new Image()

// 先设置图片跨域属性

image.crossOrigin = 'Anonymous'

// 再给image赋值src属性，先后顺序不能颠倒

image.src = url

image.onload = function () {

const canvas = document.createElement('CANVAS')

// 设置canvas宽高等于图片实际宽高

canvas.width = image.width

canvas.height = image.height

canvas.getContext('2d').drawImage(image, 0, 0)

// toDataUrl可以接收2个参数，参数一：图片类型，参数二： 图片质量0-1（不传默认为0.92）

const dataURL = canvas.toDataURL('image/jpeg')

resolve(dataURL)

}

image.onerror = () => {

resolve({ message: '相片处理失败' })

}

})

},

链接: https://blog.csdn.net/weixin_63537474/article/details/133380515