js文件转base64字符串
时间: 2024-10-17 21:08:48 浏览: 22
vue项目base64字符串转图片的实现代码
在JavaScript中,将文件转换成Base64编码的字符串通常用于前端进行数据传输,特别是在跨域请求或需要将图片等二进制数据以文本形式存储的情况下。以下是将本地文件转换为Base64的一般步骤:
1. 使用FileReader API读取文件内容:
```javascript
function fileToBase64(file) {
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function(e) {
return e.target.result; // 这里就是Base64编码的字符串
};
reader.onerror = function() {
console.error('Error reading file');
};
}
```
2. 调用这个函数并传入你要转化的文件对象:
```javascript
var fileInput = document.getElementById('file-input'); // 假设这是一个input[type=file]
fileInput.addEventListener('change', function() {
var file = fileInput.files[0];
var base64String = fileToBase64(file);
});
```
阅读全文