javascript - JS/TS：从目录中读取文件我在浏览器中打开一个 HTML 文件

我有一个项目，我在其中可视化文件（例如 CSV）中的数据。我的可视化工具是使用 Webpack 创建的 .html 包。到目前为止，我将数据的占位符作为字符串包含在包中。如果我想更改数据，我将 bundle .html 文件中的占位符替换为我希望它显示的新数据（通过外部脚本）。

现在，为了方便起见，我真的很想改变它。例如，我想获取与 .html 文件位于同一目录中的所有受支持文件的列表，并在后台或单击它们时加载它们的数据。（在最简单的用例中，目录中只有 1 个数据文件，项目会在启动时自动加载这些数据。）

我查看了Handlebars.js，我认为它可能有助于注入数据。但是，似乎不可能从我启动 .html 文件的目录中读取。我已经尝试过fs和path但是当我只想双击 .html 文件时，它们在浏览器中不起作用。

浏览器是否有可能从我打开 .html 文件的目录中读取文件？如果是这样，如何在 Javascript/Typescript 中做到这一点？

标签： javascripttypescriptbrowserfile-management