javascript - 如何使用JavaScript中的文件路径读取文件内容

This question already has answers here:

Read CSV file with Javascript into a key value pair array

                                    （1个答案）



                            How to read a local text file?

                                    （20个答案）


                2年前关闭。



我有完整的文件路径，例如“ D：\ File \ 1.xml”，并想在javascript中读取其内容。
我尝试使用File和FileReader API，但没有成功。按照我尝试的一段代码。

var path = "D:\File\1.xml";
var file = new File(path); //Doesn't work
var fileReader = new FileReader(file); //filereader expects file object

任何人都可以帮忙解决如何从javascript中的文件路径读取本地文件，或者如何从path成功创建File对象。
谢谢

最佳答案

我从您的问题中了解到的是，您正在尝试在服务器本地端读取文件并将其内容显示到页面上。

我已经为您编写了使用XMLHttpRequest实现该代码的代码

第一
请制作一个文件文本，并将您的xml内容放入其中，并将其重命名为xmlhttp_info.txt

第二
在根文件夹上创建一个文件夹，现在让它命名为js

所以你的路会像
http://yourdomainname.com/js/xmlhttp_info.txt

确保您对该文件夹路径和文件具有读取权限
您可以通过以下链接仔细检查通过浏览器访问文件的方式
http://yourdomainname.com/js/xmlhttp_info.txt

所以现在您准备好了，请进入html页面并将此代码放入其中：

<html>
<body>

<button type="button" onclick="loadXMLDoc()">Read XML Content</button>

<p id="demo"></p>

<script>
function loadXMLDoc() {
var xmlhttp;
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else {
// code for older browsers
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML =
this.responseText;
}
};
xmlhttp.open("GET", "./js/xmlhttp_info.txt", true);
xmlhttp.send();
}
</script>

</body>
</html>

这是我为您制作的页面示例，其工作正常
我放置在文本文件中以检索xml的内容是这样的：

<root><instructions>Some ins text.</instructions><options><option>1.png</option> 
<option>2.png</option><option>3.png</option><option>4.png</option></options> 
<noOfOptions>4</noOfOptions></root>

要在线访问演示，请clickhere

最后说明：
您可以将路径“ ./js”替换为您喜欢的任何路径，只要它在本地服务器上即可，并且您设置了从浏览器访问它的适当权限。
var path =“ D：\ File \ 1.xml”;
或者通过以正确的路径将文件从客户端上传到服务器端，您可以从浏览器进行访问。

希望这对您有用，如果您需要其他帮助，请告诉我
祝好运！！
@alexP
@ user3066583

关于javascript - 如何使用JavaScript中的文件路径读取文件内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52016720/

上一篇：javascript - 无法绑定(bind)到 'datasets'，因为它不是 'canvas' 的已知属性

下一篇：javascript - SAPUI5 未捕获类型错误 : jszip is not a constructor

javascript - 选择默认箭头不会在 FF 上隐藏

javascript - 浏览器在使用 js 延迟加载时下载两倍的图像

c# - 将 .eot 嵌入式字体与 Net Framework WebBrowser 控件一起使用

javascript - 为什么我动态创建的 <use> 元素不显示？

javascript - 如何在 jQuery 中使用 $ ("body").append() 添加多个 HTML 代码？

javascript - 我正在尝试通过单击按钮从我的数组中生成一个随机词

javascript - bgStretcher 无法在 FireFox 或 Chrome 中工作

javascript - 有没有办法在 Firefox 扩展中对控件进行分组？

JSON2.js 或 native JSON 方法