filereader读取文件

FileReader 是浏览器提供的一种 API，用于读取本地的文件内容。使用 FileReader 可以读取本地的文本文件或者二进制文件，并将读取到的内容转换为字符串或者 ArrayBuffer 对象。

以下是使用 FileReader 读取文本文件的示例代码：

<input type="file" id="file-input">

<script>
  const fileInput = document.getElementById('file-input');
  fileInput.addEventListener('change', (event) => {
    const file = event.target.files[0];
    const reader = new FileReader();
    reader.readAsText(file);
    reader.onload = () => {
      console.log(reader.result); // 打印读取到的文件内容
    };
  });
</script>

首先，我们通过 input 标签的 type 属性设置为 file 来创建一个文件选择框。当用户选择了一个文件后，我们获取到该文件，并创建一个 FileReader 对象。接着，使用 FileReader 的 readAsText 方法将文件内容读取为文本格式，并在 onload 事件中获取到读取到的文件内容。最后，我们将读取到的文件内容打印到控制台上。