从本地文件运行时，$。get（）无法正常工作

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无法加载文件：/// C：/Users/mz/Dropbox/Shubs/test.txt。 跨源请求仅支持以下协议方案：http，数据，chrome，chrome扩展名，https，chrome-extension-resource。

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

Answer 1

您得到：

跨源请求仅支持以下协议方案：http，数据，chrome，chrome扩展名，https，chrome-extension-resource错误

因为您正在使用file：//或C：/加载文件，这对错误消息保持正确，因为它们不是http：//，所以我有两种解决方案可以建议您：

1. 您可以从服务器（php，nodejs）发送文件并将其捕获到客户端（ajax）中
2. 或者您使用js文件阅读器阅读文本文件

Answer 2

你有尝试过吗？

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

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