如何在json中给出本地文件的url路径

时间:2014-12-10 08:46:20

标签: javascript json html5

我正在尝试使用json显示存储在本地磁盘上的txt文件 myTutorials.txt 的内容,但它不会显示任何内容。我只是想知道 url“G:/WebTechnologies/myTutorials.txt”的正确格式;

我的网页代码如下:

<!DOCTYPE html>
<html>
<body>

<div id="id01"></div>

<script>
var xmlhttp = new XMLHttpRequest();
var url = "G:/WebTechnologies/myTutorials.txt";

xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        var myArr = JSON.parse(xmlhttp.responseText);
        myFunction(myArr);
    }
}
xmlhttp.open("GET", url, true);
xmlhttp.send();

function myFunction(arr) {
    var out = "";
    var i;
    for(i = 0; i < arr.length; i++) {
        out += '<a href="' + arr[i].url + '">' + 
        arr[i].display + '</a><br>';
    }
    document.getElementById("id01").innerHTML = out;
}
</script>

</body>
</html>

2 个答案:

答案 0 :(得分:1)

出于安全原因,不允许从磁盘读取任意文件。

在现代浏览器中,您可以使用HTML5 FileReader API从磁盘读取文件。

答案 1 :(得分:1)

您必须预先添加file:// localhost

示例:file:// localhost / G:/WebTechnologies/myTutorials.txt

出于安全原因,您可能需要这样做 loading text file through Ajax