js img base64
时间: 2023-10-08 09:08:07 浏览: 77
在 JavaScript 中,你可以使用以下代码将图像转换为 base64 格式:
```javascript
// 创建一个 Image 对象
var img = new Image();
// 设置图像源
img.src = 'path/to/image.jpg';
// 当图像加载成功后执行回调函数
img.onload = function() {
// 创建一个 canvas 元素
var canvas = document.createElement('canvas');
canvas.width = img.width;
canvas.height = img.height;
// 将图像绘制到 canvas 上下文中
var ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0);
// 将 canvas 上下文中的图像转换为 base64 格式
var base64Data = canvas.toDataURL('image/jpeg');
// 打印 base64 数据
console.log(base64Data);
};
```
在上面的代码中,我们首先创建了一个 Image 对象并设置其源为图像文件的路径。然后,当图像加载成功后,我们创建一个 canvas 元素,并将图像绘制到 canvas 上下文中。最后,使用 `toDataURL()` 方法将 canvas 上下文中的图像转换为 base64 格式的数据。你可以在控制台中打印这个 base64 数据,或者根据需求进行处理。
阅读全文