ToB企服应用市场:ToB评测及商务社交产业平台

标题: 前端如何把图片url地址https://url转成base64 [打印本页]

---

作者: 东湖之滨    时间: 2024-6-11 18:58
标题: 前端如何把图片url地址https://url转成base64
一、直接上代码

1. async getImgImg() {
2.   let url = await this.base64(this.From.imageData)
3. }，
4. base64(url) {
5. return new Promise(resolve => {
6.      const image = new Image()
7.      // 先设置图片跨域属性
8.      image.crossOrigin = 'Anonymous'
9.      // 再给image赋值src属性，先后顺序不能颠倒
10.      image.src = url
11.      image.onload = function () {
12.          const canvas = document.createElement('CANVAS')
13.          // 设置canvas宽高等于图片实际宽高
14.          canvas.width = image.width
15.          canvas.height = image.height
16.          canvas.getContext('2d').drawImage(image, 0, 0)
17.          // toDataUrl可以接收2个参数，参数一：图片类型，参数二： 图片质量0-1（不传默认为0.92）
18.          const dataURL = canvas.toDataURL('image/jpeg')
19.          resolve(dataURL)
20.      }
21.      image.onerror = () => {
22.          resolve({ message: '相片处理失败' })
23.      }
24. })
25. },

复制代码

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

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4