js图片绝对路径转base64
时间: 2023-11-15 16:56:46 浏览: 148
Javascript将图片的绝对路径转换为base64编码的方法
5星 · 资源好评率100%
可以使用canvas将图片转换为base64。具体步骤如下:
1. 创建一个Image对象,设置其src为图片的绝对路径。
2. 在Image对象的onload事件中,创建一个canvas对象,将图片绘制到canvas上。
3. 使用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('http://example.com/image.jpg', function(base64Img){
console.log(base64Img);
});
```
阅读全文