如何使用 JavaScript 获取文件和文件名？

Question

我正在制作一个主要包含静态文章的网站，我只想从目录中访问 .txt 文件，并在使用 JavaScript 加载网站时以这种方式动态创建页面。 但是，我正在努力寻找一种访问文件的方法（文件将与实际网页一起托管在站点所在的文件夹中，然后我将从这些文件中提取文本并创建页面那样）。 这完全可能而无需使用服务器端代码，或者是否有任何建议以另一种方式创建页面？ 我真的很想避免经历为每篇文章不断添加 html 页面的所有麻烦，因为这会非常单调，而且我目前没有任何后端代码，如果可能的话，我希望保持这种方式。 任何建议一般将不胜感激。

Answer 1

如果没有后端服务器，这是不可能的。 由于安全原因，不允许在浏览器中运行的代码访问系统上的文件。

要么编写一个简单的后端服务来获取这些文本文件，要么通过将文本文件转换为 JavaScript 文件并将文本数据声明为变量来访问这些文本文件数据。 然后在主 JavaScript 文件之前加载这些文件。 现在您可以在主 js 脚本中将数据作为变量访问。

Answer 2

在传统的打开文件、读取文件和关闭文件范例中是不可能的。

您可以在服务器上创建一个 Web 服务，该服务将使用 ajax 从文件中返回数据，例如文本文件的内容。 但是如果没有任何后端代码，这是不可能的，因为如果客户端代码能够在没有任何服务器端代码的情况下这样做，将会有很多安全隐患。