Question

我需要读取本地文本文件并使用文本文件的内容更新我的html页面。我在嵌入式系统上工作时没有那么多浏览器支持。

但是它出现了以下错误：

XMLHttpRequest cannot load file:///C:/Documents%20and%20Settings/aryas/Desktop/localtoken.txt. Cross origin requests are only supported for HTTP.

代码如下。

   <script>

window.onload = function readTextFile()
{
    console.log("Inside function");
    var file = "localtoken.txt";
    var rawFile = new XMLHttpRequest();
    rawFile.open("GET", file, true);
    rawFile.onreadystatechange = function ()
    {
        if(rawFile.readyState === 4)
        {
            if(rawFile.status === 200 || rawFile.status == 0)
            {
                var allText = rawFile.responseText;
                document.getElementById("token").innerHTML = allText;

            }
        }
    }
    rawFile.send(null);
}
</script>

Answer 1

将此文本文件放在与index.html相同的目录中。在ajax请求中，您的路径看起来就像在您的网站上 - 'readfile.txt'

Answer 2

您需要将文件URL传递给XMLHttpRequest。

xmlhttp.open('GET', 'http://localhost/file.txt', false);

为此，您需要配置一个可以处理您的请求的网络服务器。例如，您可以安装Apache服务器并将其启动并将file.txt部署到其中。一旦浏览器向webserver发送了对file.txt的请求，网络服务器就会返回文件和您可以使用您在问题中提到的相同方法处理的响应。

Answer 3

简答： 正如你现在所做的那样，你无法做你想做的事。您必须在Web服务器中提供文件。试试LightHTTPD，Nginx或Mongoose

答案很长： 从您收到的错误中，您必须打开index.html文件（带有脚本的文件）而不从Web服务器提供它（为了确认这一点，让我问一下：浏览器中的URL是否以file://？）。

正如类名所述，XMLHttpRequest仅支持HTTP / HTTPS请求（blob URI正在开发中，如此处所述：http://en.wikipedia.org/wiki/XMLHttpRequest）。

事实上，如果没有用户手动选择文件，您将无法从文件系统加载/保存文件，因为这是一个安全威胁（想象您打开一个网站并加载你的C:并将其发送到服务器，你想要一个网站吗？）。

要加载localtoken.txt文件，请在轻巧的小型网络服务器中提供文件（当您在嵌入式系统上工作时）。我在简短回答中建议的那些填写了这些要求，但是从this SO question看来，似乎是猫鼬的方式。

从本地文本文件中读取并更新和更新html标记中的内容

3 个答案: