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

Question

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

在伪代码中：

  

  
1. 在页面加载时，从/ images / portfolio / thumbs中获取所有图像并将它们放在div'x'
中   
2. 给'全部'数据 - 完整=“[图像文件名]”'
  
3. 给'我所有'width =“300”'
  
4. 将它们放在锚中
  

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

首先：这是可以实现的吗？其次：这会降低网页性能，而不是手动编写.html文件中的所有图片吗？

Answer 1

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

Answer 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 文件。