在 HTML 页面中打开某些文件夹中的某些文件答案

【问题标题】：Opening certain files in certain folders in a HTML page在 HTML 页面中打开某些文件夹中的某些文件
【发布时间】：2022-02-10 23:24:23
【问题描述】：

我正在尝试学习一些有关 Web 技术的知识，因此我正在尝试为我的文件创建一个目录。情况如下：

我想创建一个 HTML 文件，它读取所有子文件夹并使用 image.jpg 创建预览，当单击预览时 test.swg 应该启动（如果可能，不在浏览器中）

HTML 文件应该像目录一样包含所有这些预览。

我该怎么做？我应该有一个在我的机器上运行的本地 Web 服务器吗？是否可以使用非网页技术来做到这一点？

谢谢！

【问题讨论】：

您使用的是什么操作系统？另外，是的，您应该有一个本地 Web 服务器（用于任何体面的 Web 开发测试），否则从您的硬盘驱动器运行的随机 HTML 文件存在安全限制。安装后的本地服务器将允许硬盘上的某个文件夹充当 Web 服务器（对于浏览器）。在 Windows 上，我使用 XAMPP。

【解决方案1】：

据我所知，Javascript 和 HTML 无法访问文件系统，因为它在您的浏览器上运行，并且不应该迭代地遍历文件，因为这会违反某种安全性。

如果你问我是否可以不使用服务器，应该可以，但会使用其他技术，例如：

在基于 Linux 或 Windows 的操作系统中使用命令行界面，您可以编写一个 shell 脚本，该脚本将迭代地遍历文件和文件夹路径，并可能从中创建一个 JSON。从那里，javascript 可以从技术上加载该文件，如下所示。

    <script type="text/javascript" src="data.json"></script>
    <script type="text/javascript" src="javascript.js"></script>

但请注意，您应该定期使用调度程序之类的工具定期运行 shell 脚本或手动刷新它。

如果您想以正常方式执行此操作，您可以使用许多不同的服务器端语言，例如 NodeJs 或 PHP，因为我认为它们都只需要很少的配置。

如果您已决定要使用哪种语言，您可以发布后续问题。

以下是一些参考资料，您可以使用这些参考资料开始阅读目录

读取目录和文件后，您只需将数据传递给“渲染”部分，并在单击图像时使用一些 javascript 调用 .swg

但我不太确定 .swg 文件是否可以直接调用到桌面应用程序，或者您是否可以对其进行一些研究

【讨论】：