如何从 HTML 自己的目录中读取未知数量的文件答案

【问题标题】：How to read an unknown number of files from HTML's own directory如何从 HTML 自己的目录中读取未知数量的文件
【发布时间】：2021-09-24 02:22:03
【问题描述】：

我这里有一个简单的代码，它创建一个对象，然后为用户提供一个简单的 GUI 来更改所述对象。完成后，程序会输出一个要保存的 JSON 字符串。此代码在浏览器本地运行，无需在线交互或文件传输。

我的问题是：如果用户将它们放在 HTML 自己的目录中，应用程序是否可以加载未知数量的 JSON 文件？我已经知道输入标签可用于上传多个文件，但我正在寻找更自动化的东西，用户只需将文件放在特定文件夹中以供阅读。

为了说明

Folder/
    subfolder1/
    subfolder2/
    files_go_here/
        file01.json
        file02.json
        ...
        file99.json
    index.html
    script.js

作为一个初学者，我编写这段代码是为了学习和改进，所以请不要使用 Node.js、jQuery 或任何类似的东西（我的大脑还没有准备好）。我只需要知道它是否可能，尽管方向正确的点会很好。

感谢阅读:)

【问题讨论】：

标签： javascript html

【解决方案1】：

我们通常使用 Ajax 在浏览器中访问 JSON 等文件。

当您使用的 html 文件是从服务器加载时，大多数浏览器不会访问本地文件。

如果html文件是从文件系统加载的，它可以通过file system访问

Node.js 是 JavaScript，它也使用 fs 文件系统，
例如Reading all files in a directory, store them in objects, and send the object, 所以不要害怕

【讨论】：

Most browsers will not ajax local files - 应该是Most browsers will not access local files吗？
@ProfessorAbronsius 请参阅说明
类似问题：Reading all files in directory
这将是完美的，但据我了解，Firefox 没有成熟的 fs API；所以现在我想我唯一的选择是输入元素或要求用户切换到 Chrome。