使用Javascript讀取本地JSON文件

Question

我正在嘗試編寫代碼以使用Javascript讀取本地JSON文件。 我寫的代碼如下：

    var xobj = new XMLHttpRequest();
    xobj.overrideMimeType("application/json");
    xobj.open('GET', 'file:///C:/tmp/abc.json', true);
    xobj.onreadystatechange = function() {
        if (xobj.readyState == 4 && xobj.status == "200") {

            // .open will NOT return a value but simply returns undefined in async mode so use a callback
            callback(xobj.responseText);

        }
    }
    xobj.send(null);

另外，我正在使用以下命令運行Chrome瀏覽器：

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --user-data-dir="C://Chrome dev session" --disable-web-security --allow-file-access-from-files

代碼無法正常工作，我收到的xobj.status為0 。 我檢查了網絡選項卡，發現abc.json xhr狀態以紅色顯示為'canceled' 。

如果我有誤，請告訴我。

Answer 1

XMLHttpRequest將從服務器獲取資源。

你的路

 'file:///C:/tmp/abc.json'

不是服務器正在提供的網址

此外，使用JavaScript，您將無法訪問操作系統的存儲驅動器。

要讀取本地文件，您需要使用文件上傳器，並通過File API讀取上載文件的內容。

嘗試這個

https://www.html5rocks.com/zh-CN/tutorials/file/dndfiles/