js怎么吧图片转换为base64
时间: 2023-11-30 14:38:46 浏览: 60
可以使用canvas将图片转换为base64。具体步骤如下:
1. 创建一个Image对象,并将图片的src属性设置为要转换的图片地址。
2. 等待图片加载完成后,创建一个canvas对象,并将canvas的宽高设置为图片的宽高。
3. 将图片绘制到canvas上。
4. 使用canvas的toDataURL方法将canvas转换为base64格式的字符串。
以下是示例代码:
```javascript
function convertImgToBase64(url, callback, outputFormat){
var img = new Image();
img.crossOrigin = 'Anonymous';
img.onload = function(){
var canvas = document.createElement('CANVAS'),
ctx = canvas.getContext('2d'), dataURL;
canvas.height = this.height;
canvas.width = this.width;
ctx.drawImage(this, 0, 0);
dataURL = canvas.toDataURL(outputFormat);
callback(dataURL);
canvas = null;
};
img.src = url;
}
// 使用示例
convertImgToBase64('https://example.com/image.jpg', function(base64Img){
console.log('转换后的base64字符串:', base64Img);
});
```
阅读全文