filereader读取文件

### 回答1：
使用 FileReader 可以读取文本文件的内容。下面是一个简单的例子：

let fileInput = document.getElementById('fileInput');
let contentDiv = document.getElementById('fileContent');

fileInput.addEventListener('change', (event) => {
  let file = event.target.files[0];
  let reader = new FileReader();

  reader.readAsText(file);

  reader.onload = (event) => {
    contentDiv.textContent = event.target.result;
  };
});

上面的代码中，我们首先获取到一个 `<input type="file">` 元素和一个显示文件内容的 `<div>` 元素。然后给 `<input>` 元素添加了一个 `change` 事件监听器，当用户选择了文件后就会触发这个事件。在事件处理函数中，我们获取到用户选择的文件，创建一个 FileReader 对象，并调用 `readAsText()` 方法读取文件内容。当读取完成时，会触发 `onload` 事件，我们可以在这个事件处理函数中获取到文件内容，并将其显示在页面上。

### 回答2：
FileReader 是 JavaScript 中的一个对象，用于从文件中读取数据。

使用 FileReader 可以读取多种类型的文件，例如文本文件、图像文件、音频文件等。

读取文件的过程是异步的，即读取文件的同时可以进行其他的操作。

使用 FileReader 的基本步骤如下：

1. 创建 FileReader 对象：

   var reader = new FileReader();

2. 绑定事件处理程序（可选）：

   reader.onload = function(event) {
     // 读取完成后的处理逻辑
   };

3. 读取文件内容：

   reader.readAsText(file);

这里的 `file` 是一个文件对象，可以通过 `<input type="file">` 元素的 `files` 属性或 `FileList` 对象获取。

4. 读取完成后的处理逻辑（如果绑定了事件处理程序）：

   function(event) {
     var content = event.target.result;
     // 处理文件内容
   }

在此事件处理程序中，我们可以通过 `event.target.result` 获取到读取的文件内容。

需要注意的是，使用 FileReader 读取文件时存在一些限制。首先，由于安全原因，不允许直接读取用户计算机上的文件。在浏览器中，只能通过用户主动选择文件并上传触发读取操作。此外，浏览器对于不同类型的文件可能有限制，例如不允许读取某些特定类型的文件。

总之，FileReader 是一个用于读取文件内容的 JavaScript 对象，在前端开发中可以用于实现文件上传、预览和编辑等功能。