东湖之滨 发表于 2024-6-11 18:58:23

前端如何把图片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 = 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

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 前端如何把图片url地址https://url转成base64