使用javascript打开并解析没有服务器的文件

Question

Ok, I have a webpage that will run locally, every hour it needs to read a csv "output.csv" and put its contents into a table. The output.csv is generated from a local program automatically. The goal being an internal status board.

The only thing I can't seem to figure out is, without a server or xmlrequst how do I load a plaintext into javascript? (the rest of it should be easy)

This is the code that I've tried:

var reader = new FileReader();
reader.onload = function(event) {
    var contents = event.target.result;
    console.log("File contents: " + contents);
};

reader.onerror = function(event) {
    console.error("File could not be read! Code " + event.target.error.code);
};

reader.readAsText("output.csv");

EDIT:

I've read that using this option "--allow-file-access-from-files" will override the settings and allow me to read local files from chrome. I'm sure there is a way.

Answer 1

Ok, I found an answer!

Javascript:

$(document).ready(function(){

    $.get("output.csv", function( my_var ) {
        alert(my_var)
    });

});

Chrome: "chrome.exe --user-data-dir=c:\\temp --allow-file-access-from-files --incognito """ & currentDirectory & "index.html"""

Answer 2

The problem is, that you are running JavaScript, that is running in the browser and for security reasons it cannot access any file from your computer. So if you are willing to stick with JavaScript just start a server (eg SimpleHttpServer or Node.js ) which will supply the file to your code.

Otherwise you will need to ask the user explicitly to "upload" your csv to the webpage - even though it is offline and living in his browser.