如何扫描图像目录并使用php将其放置在我的画廊中

Question

这是我的画廊。 我想要的是先扫描图像目录，然后再按名称顺序将图像添加到图库中。 因此，如果以后再在目录中放置更多图像，它们将被添加到图库中。 如果有人能指出正确的方向，例如可能的话，或者在哪里可以找到有关该方法的信息，那将是很棒的。 提前致谢！

 <link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato"> <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css"> <div class="w3-content w3-container w3-padding-64" style="margin-top:50px;"> <h3 class="w3-center w3-text-white">Never Ending Light of Day</h3> <br> <!-- Responsive Grid. Four columns on tablets, laptops and desktops. Will stack on mobile devices/small screens (100% width) --> <div class="w3-row-padding w3-center"> <div class="w3-col m3"> <img src="6.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity"> </div> <div class="w3-col m3"> <img src="7.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity"> </div> <div class="w3-col m3"> <img src="8.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity"> </div> <div class="w3-col m3"> <img src="1.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity"> </div> </div> <div class="w3-row-padding w3-center w3-section"> <div class="w3-col m3"> <img src="2.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity"> </div> <div class="w3-col m3"> <img src="3.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity"> </div> <div class="w3-col m3"> <img src=".jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity"> </div> <div class="w3-col m3"> <img src=".jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity"> </div> </div> </div> <!-- Modal for full size images on click--> <div id="modal01" class="w3-modal w3-black" onclick="this.style.display='none'"> <span class="w3-closebtn w3-hover-red w3-text-white w3-xxxlarge w3-container w3-display-topright">&times;</span> <div class="w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64"> <img id="img01" style="max-width:100%"> </div> </div> 

Answer 1

您可以将PHP用于具有glob函数的每个循环，如下所示：

<?php 
// Define the directory and filetypes
$dirname = "/images/directory/";
$images = glob("{$dirname}*.png, {$dirname}*.jpg");

foreach($images as $item) {
echo '<img src="'.$item.'" />';
}
?>

Answer 2

这是一个潜在的解决方案。 我被我的网站使用了

<?php
$dir = "./";
$arr = scandir($dir);
reset($arr);
while (list(, $value) = each($arr)) {
if($value != "." && $value != ".." && $value != "index.php" && $value != ".htaccess"){
echo "<a href = $dir$value><img src = $dir$value height = 240 width = 240>"."</img></a>";
}
}
?>