在 HTML 页面的某些文件夹中打开某些文件
Opening certain files in certain folders in a HTML page
我正在尝试学习一些网络技术,因此我正在尝试为我的文件创建一个目录。
情况如下:
- 我有一个包含N个子文件夹的文件夹;
- 在每个子文件夹中都有一个名称始终相同的图像(即:image.jpg)
- 在每个子文件夹中还有一个始终具有相同名称的特定 swg 文件(即:test.swg)
我想创建一个 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?
我正在尝试学习一些网络技术,因此我正在尝试为我的文件创建一个目录。 情况如下:
- 我有一个包含N个子文件夹的文件夹;
- 在每个子文件夹中都有一个名称始终相同的图像(即:image.jpg)
- 在每个子文件夹中还有一个始终具有相同名称的特定 swg 文件(即:test.swg)
我想创建一个 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?