js 图片转base64
时间: 2023-07-06 14:21:36 浏览: 93
js 将图片连接转换成base64格式的简单实例
5星 · 资源好评率100%
以下是将图片转换为Base64的JavaScript代码示例:
```javascript
function getBase64Image(img) {
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png");
return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
}
// 使用方法
var img = new Image();
img.onload = function() {
var base64 = getBase64Image(img);
console.log(base64);
};
img.src = "yourImage.jpg";
```
在这个示例中,我们创建了一个名为 `getBase64Image` 的函数,它接受一个 `img` 对象作为输入参数并返回Base64字符串。该函数使用 `canvas` 元素将图像绘制到画布上,然后使用 `toDataURL()` 方法将画布转换为Base64字符串。最后,我们删除前缀并返回Base64字符串。
阅读全文