Js的FileReader相关操作

在JavaScript中，FileReader对象允许Web应用程序异步读取存储在用户计算机中的文件的内容。以下是使用FileReader进行文件读取的基本操作：

1. 创建FileReader实例。
2. 使用readAsText方法读取文件，该方法将文件读取为文本。
3. 监听FileReader实例的onload和onerror事件以处理读取结果或错误。

下面是一个简单的例子，展示了如何读取用户通过<input type="file">选择的文件：

HTML:

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

JavaScript:

document.getElementById('fileInput').addEventListener('change', function(e) {
  const file = e.target.files[0]; // 获取文件引用
  if (!file) {
    return;
  }
  const reader = new FileReader(); // 创建FileReader实例
 
  reader.onload = function(e) { // 文件读取成功完成时触发
    const contents = e.target.result;
    console.log(contents); // 在控制台输出文件内容
  };
 
  reader.onerror = function(e) { // 文件读取出错时触发
    console.error("文件读取出错:", e.target.error);
  };
 
  reader.readAsText(file); // 读取文件为文本
});

在这个例子中，当用户选择了一个文件后，会创建一个FileReader实例，然后异步地读取该文件的文本内容。读取成功完成后，在控制台输出文件内容；如果读取失败，则输出错误信息。