列出特定目录并显示图像答案

【问题标题】：List specific directory and show image列出特定目录并显示图像
【发布时间】：2013-03-13 13:01:21
【问题描述】：

我有 2 个要合并的 php 文件： first.php 文件列出了特定目录的内容。 second.php 文件能够显示特定目录的图像。

我尝试做的事情：我想列出一个目录“相机/图像”。单击链接时，应显示该目录的图像。

下面的代码列出了目录“camera/images”和这样的结果。 - 专辑 1 - 专辑 2 - 专辑3

每个相册都包含图片，我想从“first.php”链接并显示包含的图片。

first.php

<?php
$dir = opendir('camera/images'); 
echo '<ul>'; 
while ($read = readdir($dir)) 
{ 
if ($read!='.' && $read!='..') 
{ 
echo '<li><a href="camera/images/'.$read.'">'.$read.'</a></li>'; 
} 
} 
echo '</ul>'; 
closedir($dir); 
?>

second.php

<?php
$files = glob("camera/images/*.*");
for ($i=0; $i<count($files); $i++)
{
$num = $files[$i];
echo '<img src="'.$num.'" alt="random image" />'."<br><br>";
}
?>

有什么想法吗？谢谢！

【问题讨论】：

标签： php html directory

【解决方案1】：

我想做什么：我想列出一个目录“相机/图像”。点击时在链接上，应该显示该目录的图像。

如果您希望在无需刷新页面的情况下发生这样的事情，您将需要使用 javascript。如果您希望在单击图像时检索图像，则需要使用 ajax 调用。

简单的答案概述：我个人使用 jquery 库。如果您已经熟悉 javascript，那么您可以使用普通的 javascript 进行操作，但我推荐使用 jquery，因为它具有交叉兼容性和一般的出色功能。

您需要按照您希望的方式生成页面，就像点击了所有内容一样。然后你需要确保图像周围的 div 是隐藏的。然后你需要给每个链接绑定一个点击事件，并取消隐藏它所关联的div。

Here 是一个可以帮助你的例子。

我希望这会为您指明正确的方向。

【讨论】：