javascript - 从本地目录加载文件？

Question

我正在使用 ajax 调用将数据加载到我的应用程序。对于这样的路径它工作正常

../../DataSource/newJson.json 

但它不适用于这样的路径。

C:\Users\acer\Desktop\NewJson.json

我进行了很多搜索，但没有找到任何正确的解决方案来解决我的问题。我使用以下代码从本地目录加载文件。

 <button id="loadData">update new Json</button>
 <input type="file" id="newJson" value="file" />

这是我的 ajax 调用:

$("#loadData")[0].onclick= function (e){ 
                $.holdReady(true);
                var request = $.ajax({
                    type: "GET",
                    dataType: 'json',
                    url: $("#newJson").val(),
                    success: function (data) {
                     alert('success')
                    },
                    error: function (data, dat1, error) {
                     alert(error)
                    }
                });
            };

任何建议都值得赞赏。

Answer 1

有几个原因导致此方法不起作用:

1. 不允许 XMLHttpRequest 访问任意第三方网址(并且由于该网址位于访问者的硬盘上而不是您的网站上，因此它是第三方网址)。
2. 浏览器通常会隐藏文件输入的完整路径(因为访问者硬盘的目录结构与网站无关)
3. file:// URI 不使用与本地目录路径完全相同的语法

如果您想访问用户使用文件输入选择的文件，请使用 the Files API (但请注意 limited browser support )。