js将本地svg图片转base64格式
时间: 2023-08-21 21:01:56 浏览: 157
js 将图片连接转换成base64格式的简单实例
5星 · 资源好评率100%
可以使用 `FileReader` 对象将本地的SVG图片文件转换为Base64格式,以下是示例代码:
```javascript
// 获取 input 元素
var input = document.getElementById('my-input');
// 监听 input 的 change 事件
input.addEventListener('change', function(event) {
// 获取文件对象
var file = event.target.files[0];
// 创建 FileReader 对象
var reader = new FileReader();
// 监听 FileReader 的 load 事件
reader.addEventListener('load', function(event) {
// 将 SVG 图片文件转换为 Base64 格式
var base64 = event.target.result;
// 输出 Base64 字符串
console.log(base64);
});
// 以 DataURL 格式读取文件内容
reader.readAsDataURL(file);
});
```
在以上示例代码中,我们通过监听 input 元素的 change 事件,获取用户选择的文件对象。然后创建 FileReader 对象,使用 `readAsDataURL()` 方法以 DataURL 格式读取文件内容。在 FileReader 对象的 load 事件中,我们可以获取读取的文件内容,即 SVG 图片文件的 Base64 格式字符串。
阅读全文