自动从文件夹中获取图像并在加载时将它们放在 html 文件中答案

【问题标题】：Automate fetching images from folders and place them in html file on load自动从文件夹中获取图像并在加载时将它们放在 html 文件中
【发布时间】：2015-05-19 19:50:34
【问题描述】：

我正在为一位拥有大量作品集并经常更新的摄影师创建一个新网站。我想在加载时自动将图像添加到 html 文件中，因此我不再需要手动将图像添加到 html 文件中。

在伪代码中：

在页面加载时，从 /images/portfolio/thumbs 获取所有图片并将它们放在 div 'x' 中

Give 'm all 'data-full="[image file name]"'

给我全部 'width="300"'

将它们放在锚点内

它会显示所有的拇指，我正在使用一个特殊的灯箱插件，在点击时显示更大的版本（需要数据属性）。

首先：这可以实现吗？其次：这是否会降低 Web 性能，而不是手动将所有图像写入 .html 文件？

【问题讨论】：

需要使用服务器语言读取目录（或数据库）并创建输出。
难吗？我不会介意 PHP，即使我不会写一行 php。
不，在 php 中并不难。可以使用glob()创建数组，然后循环数组生成json或者html

标签： jquery html image automation

【解决方案1】：

Javascript 将不允许用户直接访问硬盘上的文件尝试添加 apache 服务器并将您的图像名称添加到 Mysql 数据库中的表中然后您可以轻松地使用 php 脚本为您的图像进行动态调用

【讨论】：

嗯。当然，站点、语言应该读取 apache 服务器上的目录，而不是我本地硬盘上的目录。我想自动化这些过程，我只需要将图像添加到 apache 网站目录，而不是每天都将添加到 html 工作表中。
我在我的一个项目中使用 php、ajax 调用 (javascript) 执行此操作，如下所示 1-从数据库中选择图片的所有名称 2-创建一个包含图像名称的数组 3-这个数组的 json_encode 并在客户端回显它 4- 在该数组上循环并每次添加正确的标签

【解决方案2】：

您可以为此使用 python：

import os

with open("all.html", "w") as a:
for path, subdirs, files in os.walk(r'C:\Users\[user]\Folder'):
   for filename in files:
     f = os.path.join(path, filename)
     a.write("<img src=\"" + str(f) + "\" /^>" + os.linesep)

我已经成功地使用它从任何选择的文件夹中创建了基于 jpg 的 html 文件。

【讨论】：