我试图创建一个网站,可以下载并通过启动其索引文件在本地运行。

所有文件都是本地的,没有在线使用资源。

当我尝试使用jQuery的AJAXSLT插件来处理带有XSL模板的XML文件(在子目录中)时,我收到以下错误:

XMLHttpRequest无法加载文件:///C:/path/到/XSL%20Website/data/home.xml。Access-Control-Allow-Origin不允许原点为空。

XMLHttpRequest无法加载文件:///C:/path/到/XSL%20Website/assets/ XSL /main.xsl。Access-Control-Allow-Origin不允许原点为空。

提出请求的索引文件是file:///C:/path/to/XSL%20Website/index.html,而使用的JavaScript文件存储在file:///C:/path/to/XSL%20Website/assets/js/。

我该如何解决这个问题?


当前回答

使用“chrome应用的web服务器”。(不管你知不知道,你的电脑上已经有了。用cortana搜索就可以了!)打开它,点击“选择文件”,选择文件所在的文件夹。不要实际选择文件。选择您的文件文件夹,然后点击“选择文件夹”按钮下的链接。

如果它不带您到文件,然后将文件的名称添加到urs。是这样的:

   https://127.0.0.1:8887/fileName.txt

链接到web服务器chrome:点击我

其他回答

我解决这个问题的方法是完全不使用XMLHTTPRequest,而是将所需的数据包含在单独的javascript文件中。(在我的情况下,我需要一个二进制SQLite blob使用https://github.com/kripken/sql.js/)

我创建了一个名为base64_data.js的文件(并使用btoa()来转换我需要的数据,并将其插入到<div>中,以便我可以复制它)。

var base64_data = "U1FMaXRlIGZvcm1hdCAzAAQA ...<snip lots of data> AhEHwA==";

然后像普通javascript一样将数据包含在HTML中:

<div id="test"></div>

<script src="base64_data.js"></script>
<script>
    data = atob(base64_data);
    var sqldb = new SQL.Database(data);
    // Database test code from the sql.js project
    var test = sqldb.exec("SELECT * FROM Genre");
    document.getElementById("test").textContent = JSON.stringify(test);
</script>

我想修改它来读取JSON,甚至XML是很简单的;我把这个留给读者做练习吧;)

使用javascript的FileReader函数来打开本地文件,比如:

<input type="file" name="filename" id="filename">
<script>
$("#filename").change(function (e) {
  if (e.target.files != undefined) {
    var reader = new FileReader();
    reader.onload = function (e) {
        // Get all the contents in the file
        var data = e.target.result; 
        // other stuffss................            
    };
    reader.readAsText(e.target.files.item(0));
  }
});
</script>

现在单击选择文件按钮,浏览到文件文件:///C:/path/to/XSL%20Website/data/home.xml

您可以尝试输入'Access-Control-Allow-Origin':'*'作为响应。writeHead({[这]})。

使用“chrome应用的web服务器”。(不管你知不知道,你的电脑上已经有了。用cortana搜索就可以了!)打开它,点击“选择文件”,选择文件所在的文件夹。不要实际选择文件。选择您的文件文件夹,然后点击“选择文件夹”按钮下的链接。

如果它不带您到文件,然后将文件的名称添加到urs。是这样的:

   https://127.0.0.1:8887/fileName.txt

链接到web服务器chrome:点击我

如果您只需要在本地访问文件,那么您可以包含文件的确切路径,而不是使用

../images/img.jpg

use

C:/Users/username/directoryToImg/img.jpg

CORS发生的原因是因为你试图在一个网页中遍历到另一个目录,通过包括直接路径,你不是在改变目录,你是从一个直接位置拉。