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

Opening certain files in certain folders in a HTML page

我正在尝试学习一些网络技术,因此我正在尝试为我的文件创建一个目录。 情况如下:

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

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

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

谢谢!

据我所知,Javascript & HTML 无法访问文件系统,因为它在您的浏览器上 运行ning 并且不应该 pos可以迭代地浏览文件,因为这会是某种安全漏洞。

如果你问我没有服务器possible,应该是possible,但是要用其他技术,例如:

  • 在 Linux 或 Windows 中使用基于 os 的命令行界面,您可以编写一个 shell 脚本,该脚本将迭代地遍历文件和文件夹路径,并且possibly 从中创建一个 JSON。从那里 javascript 可以在技术上加载该文件,如下所示。
    <script type="text/javascript" src="data.json"></script>
    <script type="text/javascript" src="javascript.js"></script>

但请注意,您应该定期 运行 shell 脚本,定期使用诸如调度程序之类的东西或手动刷新它。

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

如果您已决定要使用哪种语言,则可以 post 跟进问题。

以下是您可以用来开始阅读目录的一些参考资料

NodeJS

Node.js fs.readdir recursive directory search

PHP

List all the files and folders in a Directory with PHP recursive function

How to recursively iterate through files in PHP?

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

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

Open online file with desktop applications?