如何编写大量<li><img>具有特定名称的标签？文件夹/服务器中命名的文件

Question

我在一个服务器目录中有一堆图像文件

servername/images/picture-name.jpg 
servername/images/differentname.jpg  
servername/images/hundredmore.jpg

我想一次性将它们制作成一堆 html 标签。

<li><img src="http://domain.com/images/picturename.jpg"/></li>
<li><img src="http://domain.com/images/differentname.jpg"/></li>
<li><img src="http://domain.com/images/hundredmore.jpg"/></li>

我还将图像放在硬盘上的文件夹中。知道如何获取文件名并构建这些列表吗？作为我的技能水平的参考，我只知道html/css/和一点javascript。我想你必须以某种方式抓取文件名，并制作一个程序，在抓取的名称之前和之后写入"<li><img...."和"/></li>。

Answer 1

如果你将文件命名为1.jpg、2.jpg等，那么这很容易。 在 PHP 中，它看起来像这样（编辑以反映名称而不是数字）：

$dir = "path to image folder";
$dh = opendir($dir);
$link = '"http://domain.com/images/';
while(($file = readdir($dh)) !== false)
{
   echo '<li><img src='.$link.$file.'" /></li>';
}
closedir($dh);

如果要保留描述性文件名，则需要手动执行此操作，或者添加代码以从目录中读取文件名。