Question

我有一些Javascript代码来读取文件。我在浏览器中从本地文件系统打开此文件：

var rawFile = new XMLHttpRequest();
rawFile.open("GET", "test.txt", false);
rawFile.onreadystatechange = function () {
    if(rawFile.readyState === 4) {
        if(rawFile.status === 200 || rawFile.status == 0) {
            findWord(rawFile.responseText.split("\n"));
        }
    }
}
rawFile.send(null);

这很好用，但在Chrome中已弃用。在发现之后，我尝试使用$.get()，如此：

$.get("test.txt", function(result) {
    alert(result);
});

但它甚至没有警觉。

有没有办法在Chrome和Firefox中读取此文件？请注意，我不想使用任何类型的<input type="file">，并且必须在文件的行数组中返回文本数据。

使用$.get()和$.ajax()时，Chrome收到警告并显示错误。

错误：

index.html：36 XMLHttpRequest无法加载file：/// C：/Users/mz/Dropbox/Shubs/test.txt。交叉源请求仅支持协议方案：http，数据，chrome，chrome-extension，https，chrome-extension-resource。

我也没有在服务器上运行。因此localhost在这种情况下不起作用。

Answer 1

你得到了：

交叉源请求仅支持协议方案：http，数据，chrome，chrome-extension，https，chrome-extension-resource错误

因为您使用 file：// 或 C：/ 加载文件，因为它们不是 http，所以它仍然是错误消息： // 所以我有两个建议的解决方案：

要么从服务器（php，nodejs）发送文件并将其捕获客户（ajax）
或者您使用js文件阅读器阅读文本文件

Answer 2

你试过这个吗？

$.ajax({
            url: "test.txt",
            async: false,
            success: function (data){
                console.log(data);
            }
        });

然后检查浏览器的控制台。

从本地文件

2 个答案: