javascript - 如何使用 Javascript 和 HTML 5 按名称加载本地文本文件的内容?

标签 javascript html file filereader fileapi

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

我发现了许多有关如何加载使用“选择文件”输入选择的文件的示例。

但是,不知道如何在不使用“选择文件”输入的情况下给定文件名执行此操作。

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

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

来自File API :

new File(
  Array parts,
  String filename, 
  BlobPropertyBag properties
);

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

编辑:用例:

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

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

该文件将从浏览器打开并位于本地计算机上。没有服务器。

最佳答案

如果没有特殊扩展名或其他恶作剧,浏览器无法按名称从文件系统加载任意文件。这是一项安全策略,可防止您在浏览互联网时随机网站从您的硬盘读取文件。

如果你想做一些特别的事情,比如你想编写一个 Chrome 应用程序,你可以访问一些很好的 API 来访问文件系统: https://developer.chrome.com/apps/fileSystem

关于javascript - 如何使用 Javascript 和 HTML 5 按名称加载本地文本文件的内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37425002/

相关文章:

c# - $.getJSON 没有调用回调函数

html - WOW js动画重复不起作用

javascript - 如何选择前 N 个元素?

javascript - 将两个以上的子元素附加到一个元素会产生奇怪的行为

python - 从文件和 os.listdir python 构建字典

python - Python逐行写入文件

java - 使用java中的文件递归解决迷宫问题

javascript - 在 textarea 中显示 ssh2 stdout 和 stderr

javascript - 属性标记为未定义,即使它完美地在同一行上使用?

javascript - 为什么 Firefox 会失去对页面重新加载的关注?