js图片路径转base64
时间: 2023-11-15 10:56:59 浏览: 93
base64图片上传到服务器
可以使用canvas将图片转换为base64格式。具体实现步骤如下:
1. 创建一个Image对象,并将图片路径赋值给它。
2. 等待图片加载完成,然后将图片绘制到canvas上。
3. 使用canvas的toDataURL方法将canvas转换为base64格式的图片数据。
以下是示例代码:
```javascript
function imgToBase64(url, callback) {
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
var img = new Image();
img.crossOrigin = 'Anonymous';
img.onload = function() {
canvas.width = img.width;
canvas.height = img.height;
ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL();
callback(dataURL);
canvas = null;
};
img.src = url;
}
// 使用示例
imgToBase64('http://example.com/image.jpg', function(base64) {
console.log(base64);
});
```
阅读全文