我有命名为src的png格式的图片,在不使用drawImage的情况下,怎么用js将这个png图片转Base64
时间: 2024-04-16 10:26:14 浏览: 145
如果你不想使用`drawImage`方法,你可以使用`` API来加载图片,并使用`Response`对象的`blob()`方法获取图片的二进制数据。然后,可以使用`FileReader`对象将二进制数据转换为Base64字符串。以下是一个示例代码:
```javascript
// 加载图片
fetch('src.png')
.then(response => response.blob())
.then(blob => {
// 创建文件读取器
var reader = new FileReader();
// 文件读取完成时的回调函数
reader.onloadend = function() {
// 将文件转换为Base64字符串
var base64String = reader.result;
// 在这里可以对base64String进行进一步处理或发送到服务器
};
// 读取文件内容
reader.readAsDataURL(blob);
});
```
在上面的示例中,我们使用`fetch` API加载图片,并通过`blob()`方法获取图片的二进制数据。然后,创建一个`FileReader`对象,通过调用`readAsDataURL()`方法读取二进制数据,并在`onloadend`回调函数中获取转换后的Base64字符串。
请确保将代码中的`src.png`替换为你实际的图片路径和名称。
希望这对你有所帮助!如果还有其他问题,请随时提问。
阅读全文