js将本地svg转base64
时间: 2023-11-30 16:30:32 浏览: 553
svg-to-base64-vanilla-js:使用纯JavaScript从SVG转换为Base64图像
可以使用FileReader和btoa方法将本地SVG文件转换为Base64编码。
首先,使用input元素或拖放事件等方式获取SVG文件的File对象。然后,使用FileReader读取文件内容并将其作为数据URL返回。接下来,使用btoa方法将数据URL的Base64字符串提取出来。
以下是一个示例代码:
```js
const fileInput = document.getElementById('file-input');
const reader = new FileReader();
reader.onload = () => {
const dataUrl = reader.result;
const base64 = dataUrl.split(',')[1];
console.log(base64);
};
reader.readAsDataURL(fileInput.files[0]);
```
其中,fileInput是一个input元素,用户可以选择本地SVG文件;onload方法在读取文件完成后触发,result属性包含了读取的数据URL。最后,使用split方法将数据URL分割成格式和Base64字符串两部分,取第二部分即可得到Base64编码的字符串。
阅读全文