通过本地脱机html文件中的Ajax加载本地csv

Question

我正在构建像本地html文件一样的格式，以处理csv日志数据并使用chart.js可视化该数据。此html文件将始终脱机使用。

但是首先，我似乎无法在本地csv文件的ajax请求上获得成功。

file:///Users/joshmoto/Sites/charts-app/data/LOG-01.csv

100％csv文件存在于此本地位置。如果我通过控制台日志右键单击“在新选项卡中打开链接”，它将自动下载csv，因此肯定在此处。从理论上讲，我下面的代码不应返回错误响应。

$.ajax({
    url: "//Users/joshmoto/Sites/chart/data/LOG-01.csv",
    dataType: "text",
    success: function(data) {

        alert("worked");

    },
    error: function (request, status, error) {

        alert("broken");

    }
});

我也尝试过数据类型POST和GET，但始终会向我警告错误消息。

任何关于我要去哪里的想法都会受到赞赏。

Answer 1

由于安全原因，您的浏览器阻止了该请求，因此您无法请求该文件。不幸的是，您必须运行本地服务器来访问文件或安装插件以允许跨源请求（D3.js - load csv file from chrome）或者您可以在关闭安全措施的情况下运行浏览器（对于Chrome How to launch html using Chrome at "--allow-file-access-from-files" mode?）