如何在浏览器中读取本地文本文件？

如何在浏览器中读取本地文本文件

您在浏览器中读取本地文本文件时面临挑战。要解决此问题，请考虑以下事项：

1。合并 Fetch API

引入 Fetch API 提供了一种从 URL 检索数据的简化方法，取代了 XMLHttpRequest 方法。像这样实现它：

fetch("myText.txt")
  .then((res) => res.text())
  .then((text) => {
    // Process the "text" content
  })
  .catch((e) => console.error(e));

2.避免使用 file:///

现代浏览器严格限制直接文件系统访问。要绕过此问题，请避免使用 file:/// 前缀。

3.使用 Web 服务器进行本地测试

不要依赖 file:///，而是使用轻量级 Web 服务器，例如：

• python -m http.server

这允许您使用标准 HTTP URL 访问您的数据，从而减少访问

原始解决方案

要处理 XMLHttpRequest 问题，请执行以下操作：

• 加载本地文件时检查状态 0。

function readTextFile(file) {
  var rawFile = new XMLHttpRequest();
  rawFile.open("GET", file, false);
  rawFile.onreadystatechange = function () {
    if (rawFile.readyState === 4)  {
      if (rawFile.status === 200 || rawFile.status == 0) {
        var allText = rawFile.responseText;
        console.log(allText);
      }
    }
  }
  rawFile.send(null);
}

• 在文件中指定 file://路径。

readTextFile("file:///C:/your/path/to/file.txt");

以上是如何在浏览器中读取本地文本文件？的详细内容。更多信息请关注PHP中文网其他相关文章！