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

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

一、直接上代码

asyncgetImgImg(){let url =awaitthis.base64(this.From.imageData)}，
base64(url){returnnewPromise(resolve=>{const image =newImage()// 先设置图片跨域属性
     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