Question

我具有文件“ 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中的文件路径中读取本地文件，或者如何从路径中成功创建File对象。谢谢

Answer 1

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

我已经为您编写了使用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中的文件路径读取文件内容

1 个答案: