uniapp H5中将图片链接转成base64
时间: 2023-08-01 19:10:22 浏览: 154
uniapp H5 pdf、docx文档预览
可以使用canvas将图片转换成base64格式,以下是示例代码:
```javascript
// 获取图片
let img = new Image();
img.crossOrigin = 'anonymous'; // 需要设置图片跨域属性
img.src = 'https://example.com/image.jpg'; // 图片链接
// 将图片绘制到canvas上
let canvas = document.createElement('canvas');
let ctx = canvas.getContext('2d');
img.onload = function() {
canvas.width = img.width;
canvas.height = img.height;
ctx.drawImage(img, 0, 0, img.width, img.height);
let base64 = canvas.toDataURL('image/jpeg'); // 转换成base64格式
console.log(base64);
}
```
注意:需要将图片设置为跨域,并且图片加载完成后才能进行转换。
阅读全文