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

Question

我正在尝试通过创建一个函数来实现一个简单的文本文件阅读器，该函数接受文件的路径并将每行文本转换为一个字符数组，但它不起作用。

function readTextFile() {
  var rawFile = new XMLHttpRequest();
  rawFile.open("GET", "testing.txt", true);
  rawFile.onreadystatechange = function() {
    if (rawFile.readyState === 4) {
      var allText = rawFile.responseText;
      document.getElementById("textSection").innerHTML = allText;
    }
  }
  rawFile.send();
}

这里出了什么问题？

从 previous revision 稍微更改代码后，这似乎仍然不起作用现在它给了我一个 XMLHttpRequest 异常 101。

我已经在 Firefox 上对此进行了测试，它可以正常工作，但在 Google Chrome 中它无法正常工作，并且一直给我一个异常 101。我怎样才能让它不仅可以在 Firefox 上工作，而且可以在其他浏览器上工作(尤其是 Chrome)？

Answer 1

您需要检查状态 0(当使用 XMLHttpRequest 在本地加载文件时，您不会得到返回的状态，因为它不是来自 Webserver)

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;
                alert(allText);
            }
        }
    }
    rawFile.send(null);
}

并在文件名中指定 file://:

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