Question

我正在显示一系列保存在图像文件夹中的图像，但是该文件夹非常长，最多可容纳5000张图像。因此，我不想对每个图像进行硬编码，而是希望能够遍历每个图像。这是我用来单独显示图像的HTML代码。我正在寻找的是一种遍历目录并为每个图像重复使用相同HTML的方法。

我目前在本地运行，但是稍后将上传到服务器。我曾经使用过python，但以前从未使用过javascript或HTML。

<div class="col-12 col-md-6 col-lg-3">
     <div class="portfolio-content">
         <figure>
            <img src="images/1.jpg" alt="">
         </figure>

         <div class="entry-content flex flex-column align-items-center justify-content-center">
            <h3><a>Image 1</a></h3>
         </div><!-- .entry-content -->
     </div><!-- .portfolio-content -->
</div><!-- .col -->

Answer 1

您不能仅凭HTML做到这一点。您可以使用某种服务器语言，例如nodeJS，Python，Php，以扫描文件夹并生成HTML。

如果文件是静态的，则可以生成JSON格式的文件索引，并在前端使用Javascript进行获取和处理。

如何遍历图像目录？

1 个答案: