前端如何把图片url地址https://url转成base64
- 一、直接上代码
一、直接上代码
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 = urlimage.onload = function () {const canvas = document.createElement('CANVAS')// 设置canvas宽高等于图片实际宽高canvas.width = image.widthcanvas.height = image.heightcanvas.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