Javascript从当前目录中读取文本文件

Question

如何使用不带jquery的javascript从当前目录中读取文本文件（text1.txt）。我尝试了以下代码。

var file = "text1.txt";
var reader = new FileReader();
var result = reader.readAsText(file);
console.log(result);

Answer 1

FileReader API通常用于读取通过<input type="file">选择的文件。它无法读取任意文件。 readAsText method期望使用Blob或File对象接收，而不是包含文件名的字符串。

要读取HTML文档的兄弟文件，请使用XMLHttpRequest。如果通过HTTP（S）加载文档，这将可靠地工作。如果您使用的是本地HTML文档（通过file: URI），那么许多浏览器中的安全限制将阻止其工作（而您应该运行本地Web服务器）。

Answer 2

请区分两种阅读文件：

• 阅读“来自互联网” - 使用XMLHttpRequest阅读任何类型的文件
• 阅读“来自客户” - 使用FileReader或<input type="file">

Answer 3

您可以将其作为变量包含在javascript中。将其放在您的其他脚本标记上方：

<script src="text1.txt"></script>

编辑text1.txt文件，以便将所有内容分配给变量：

gbl_text="...contents of my text file..."
+"...more contents..."
+"...and so on....   "

然后根据需要在javascript中使用gbl_text变量......

function dosomething(){
//do stuff.....
alert(gbl_text)
}

Answer 4

制作一个小型iframe。 在那里加载文件。 用iframe.innerHTML读取