使用JS快速读取TXT文件

2023 年 07 月 16 日

412 次浏览

1133字数

要使用JavaScript快速读取TXT文件，可以使用FileReader对象。下面是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>读取TXT文件示例</title>
</head>
<body>
  <input type="file" id="fileInput">
  <button onclick="readFile()">读取文件</button>
  <div id="fileContent"></div>
  <script>
    function readFile() {
      var fileInput = document.getElementById('fileInput');
      var file = fileInput.files[0];
      if (file) {
        var reader = new FileReader();
        reader.onload = function(e) {
          var content = e.target.result;
          var fileContentDiv = document.getElementById('fileContent');
          fileContentDiv.innerText = content;
        };
        reader.readAsText(file);
      } else {
        alert('请选择要读取的文件');
      }
    }
  </script>
</body>
</html>

这个示例代码包含一个文件选择框和一个读取文件的按钮。当用户选择文件并点击读取文件按钮时，JavaScript代码会使用FileReader对象读取文件内容，并将内容显示在页面上的一个div元素中。

在上述代码中，我们使用 readAsText()方法将文件内容作为纯文本读取。在 onload事件处理函数中，可以通过 e.target.result获取到读取的文件内容，然后将其赋值给页面上的div元素来展示文件内容。

需要注意的是，由于浏览器的安全限制，JavaScript只能读取用户明确选择的文件，而无法直接从本地文件系统读取文件。因此，用户需要通过文件选择框来选择要读取的TXT文件。

希望这个示例能够帮助你快速读取TXT文件的内容。如有任何疑问，请随时提问。

香港服务器购买链接：www.tsyvps.com

蓝易云香港五网CN2 GIA/GT精品网络服务器。拒绝绕路，拒绝不稳定。

使用JS快速读取TXT文件