new FileReader()是什么
时间: 2024-02-27 19:57:04 浏览: 81
`FileReader` 是 HTML5 中新增加的一个用于读取文件内容的 API。它提供了异步读取文件的方法,并且可以将读取的文件内容以字符串、ArrayBuffer 或者 DataURl 的形式返回。
使用 `FileReader` 可以将本地的文件读取到浏览器中,然后进行展示、处理等操作。下面是一个使用 `FileReader` 读取本地文件并展示的示例代码:
```javascript
const fileInput = document.getElementById('file-input');
fileInput.addEventListener('change', () => {
const fileReader = new FileReader();
const file = fileInput.files[0];
fileReader.onload = () => {
// 文件内容读取完成
const fileContent = fileReader.result;
console.log(fileContent);
}
fileReader.readAsText(file);
});
```
在上面的代码中,我们通过 `new FileReader()` 创建了一个 `FileReader` 对象,并且通过 `readAsText()` 方法异步读取了用户选择的文件内容,当文件内容读取完成后,会触发 `load` 事件,我们可以在该事件的回调函数中获取到文件内容,并进行相关的操作。
需要注意的是,`FileReader` API 仅在现代浏览器中支持,旧版的浏览器可能不支持该 API。
阅读全文