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);

javascript看起来与此非常相似。如果你想保留描述性文件名，那么你需要手动完成，或者添加代码来从目录中读取文件名

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

1 个答案: