当前位置: 首页 > 知识库问答 >
问题:

如何在javascript中使用文件路径读取文件内容[重复]

太叔鹏云
2023-03-14
var path = "D:\File\1.xml";
var file = new File(path); //Doesn't work
var fileReader = new FileReader(file); //filereader expects file object

共有1个答案

郎伟兆
2023-03-14

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

我已经为您编写了使用XMLHttpRequest实现这一目标的代码

首先,请创建一个文件文本,将xml内容放入其中,并将其重命名为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>

要在线访问演示,请点击这里

 类似资料:
  • 我想访问“onload”功能之外的文件内容。我知道这与异步有关。下面是我的js函数: 谢谢大家!

  • 是否可以传入文件路径或从csv中的其他文件读取?我的测试设置是这样的。 测试仪测试 CSV数据配置 我想在csv项目列和jmeter测试中包含一个文件,它将读取和发布json项目。

  • 问题内容: 这是我想做的,我想知道是否有任何Spring类可以帮助实现。对于这个特定的问题,我不必使用spring,我只是将其与其他所有东西一起实现。 在我的DAO层中,我想外部化我的sql文件,也就是每个文件1个sql。我想读取并缓存sql语句,甚至可能作为spring bean单例。但是在我最初的挣扎中,我只是在类路径中加载一个sql文件时遇到问题… 春天有什么可以帮助您的吗?我已经阅读过文档

  • 问题内容: 我想读取CSV文件并使用AngularJS和HTML5获取其内容。我想将csv文件的内容放在$ scope中。 我的HTML中有此代码 问题答案: 使用自定义指令: http://plnkr.co/edit/eeQbR65oE8iljm7ueGhX?p=preview

  • 我只想从文件的完整路径中获取文件夹路径。 例如,我希望只得到(不包括)。 我曾经尝试过这样的事情: 但它给了我这样一个结果: 这不是我需要的结果(是)。 关于如何获取文件路径有什么想法吗?

  • 问题内容: 我的程序需要读取一些文本配置文件。我当前的代码是: 当我在eclipse中本地运行它时,此方法有效,尽管我确实必须进行破解以处理路径名中的空间。配置文件与上述方法位于同一软件包中。但是,当我将应用程序导出为jar时,出现了问题。该jar位于共享的映射网络驱动器Z:上。当我从命令行运行应用程序时,出现此错误: java.io.FileNotFoundException:文件:\ Z:\