html用FileReader读取文件

HTML中可以使用FileReader对象读取文件。以下是一个示例：

HTML代码：

<input type="file" id="myFileInput">
<pre id="myFileContent"></pre>

JavaScript代码：

const fileInput = document.getElementById('myFileInput');
const fileContent = document.getElementById('myFileContent');

fileInput.addEventListener('change', function() {
  const file = fileInput.files[0]; // 获取选择的文件

  const reader = new FileReader(); // 创建FileReader对象

  reader.onload = function() {
    fileContent.textContent = reader.result; // 将文件内容显示在pre元素中
  }

  reader.readAsText(file); // 读取文件内容
});

当用户选择文件后，会触发change事件，然后就可以通过FileReader对象读取文件内容。在上面的示例中，使用了readAsText方法将文件内容读取为文本格式，并将结果显示在pre元素中。其他的读取方法还包括readAsDataURL、readAsBinaryString等。