Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用Javascript和HTML5按名称加载本地文本文件的内容?_Javascript_Html_File_Filereader_Fileapi_Nodejs - Fatal编程技术网

如何使用Javascript和HTML5按名称加载本地文本文件的内容?

如何使用Javascript和HTML5按名称加载本地文本文件的内容?,javascript,html,file,filereader,fileapi,nodejs,Javascript,Html,File,Filereader,Fileapi,Nodejs,在Chrome中工作,加载本地html或JS文件 我发现了许多关于如何加载使用ChooseFile输入选择的文件的示例 但是,在给定文件名的情况下,如果不使用Choose file输入,则无法找到如何执行该操作 “选择文件”输入返回一个文件对象 如何在没有选择文件输入的情况下创建文件对象 从: 但是没有弄清楚零件和属性是什么 编辑:用例: 我将代码覆盖率结果作为测试套件的一部分生成。它存储为JSON(易于阅读),但我需要用源代码显示它 因此,功能是加载源代码和JSON数据,并使用HTML和Jav

在Chrome中工作,加载本地html或JS文件

我发现了许多关于如何加载使用ChooseFile输入选择的文件的示例

但是,在给定文件名的情况下,如果不使用Choose file输入,则无法找到如何执行该操作

“选择文件”输入返回一个文件对象

如何在没有选择文件输入的情况下创建文件对象

从:

但是没有弄清楚零件和属性是什么

编辑:用例:

我将代码覆盖率结果作为测试套件的一部分生成。它存储为JSON(易于阅读),但我需要用源代码显示它

因此,功能是加载源代码和JSON数据,并使用HTML和Javascript将它们一起呈现在网页上


该文件将从浏览器中打开并保存在本地计算机上。没有服务器。

如果没有特殊扩展名或其他诡计,浏览器无法按名称从文件系统加载任意文件。这是一种安全策略,用于防止随机网站在浏览internet时从硬盘读取文件

如果你想做一些特别的事情,比如你想写一个chrome应用程序,你可以访问一些很好的API来访问文件系统:

如果没有特殊扩展名或其他诡计,浏览器无法按名称从文件系统加载任意文件。这是一种安全策略,用于防止随机网站在浏览internet时从硬盘读取文件

如果你想做一些特别的事情,比如你想写一个chrome应用程序,你可以访问一些很好的API来访问文件系统:

出于安全原因,所有浏览器都不支持文件字段上的预定义值,因此答案是您不能。

出于安全原因,所有浏览器都不支持文件字段上的预定义值,因此答案是您不能。

文件
构造函数不从硬盘读取文件,但rater生成虚拟文件,考虑这一点:

var file = new File(["some", "content"], "/tmp/my-name.txt");
var reader = new FileReader();
reader.onload = function() {
  console.log(reader.result); // somecontent
};
客户端计算机上不会读取或存储任何文件


如果你在讨论创建文件,那么你应该看看<代码> FS .< /P> < p> <代码>文件>代码>构造函数没有从硬盘中读取文件,但是Reter会生成一个虚拟文件,考虑如下:

var file = new File(["some", "content"], "/tmp/my-name.txt");
var reader = new FileReader();
reader.onload = function() {
  console.log(reader.result); // somecontent
};
客户端计算机上不会读取或存储任何文件


如果您正在谈论在中创建文件,那么您应该看看
fs

也许您需要XMLHttpRequest?它是一个用于通过HTTP协议加载任何文件的工具。正如我在问题中所述,这不是用于HTTP请求的。这是用于在没有服务器的情况下读取本地文件。如果在浏览器中打开“东西”,则它是一个网页。如果有人“使用”了你的“东西”,也就是一个网页,他就是一个访问者。显然,真正的问题是一个秘密。我猜答案也必须是一个秘密。如果文件很小,您可以使用localStorage保存并打开它,而无需用户许可。否则,只需启动本地HTTP服务器(有一个Chrome扩展)并使用XMLHttpRequest。有一次,我用JS处理了一个22 GB的文件。也许你需要XMLHttpRequest?它是一个用于通过HTTP协议加载任何文件的工具。正如我在问题中所述,这不是用于HTTP请求的。这是用于在没有服务器的情况下读取本地文件。如果在浏览器中打开“东西”,则它是一个网页。如果有人“使用”了你的“东西”,也就是一个网页,他就是一个访问者。显然,真正的问题是一个秘密。我猜答案也必须是一个秘密。如果文件很小,您可以使用localStorage保存并打开它,而无需用户许可。否则,只需启动本地HTTP服务器(有一个Chrome扩展)并使用XMLHttpRequest。有一次,我用JS处理一个22 GB的文件。可以使用“选择文件”输入加载任何本地文件。2.从本地文件系统加载的HTML文件通常与远程主机提供的文件具有不同的权限。@b即使可以肯定,您也可以加载任何文件,但只能在用户选择后加载。这就是它的安全性。虽然我以前见过,但它没有多大意义,因为:1。可以使用“选择文件”输入加载任何本地文件。2.从本地文件系统加载的HTML文件通常与远程主机提供的文件具有不同的权限。@b即使可以肯定,您也可以加载任何文件,但只能在用户选择后加载。这就是它的安全性。我不认为它是node.js,因为问题是从“在Chrome中工作”@4castle有效点开始的。我刚才提到了它,以防OP弄混了。我不认为它是node.js,因为问题是从“在Chrome中工作”@4castle有效点开始的。我刚才提到了,以防OP搞混了。