使用 PHP 显示图像列表

Question

我有一个目录，其中包含几个带有图像的文件夹。我想要做的是使用 php 脚本读取所有图像并在浏览器中使用 div 显示它们。我尝试实现的代码如下：

<?php

function listFolderFiles($dir) 
{
    echo '<ol>';
    foreach (new DirectoryIterator($dir) as $folder) {
        if (!$folder->isDot()) {
            // echo '<li>' . $folder->getFilename() . '<br>';
            if ($folder->isDir()) {
                $user = $dir . '/' . $folder;
                foreach (new DirectoryIterator($user) as $file) {
                    if ($file != '.' && $file != '..') {
                        // echo '<li>' . $file->getFilename();
                        $image = $user . '/' . $file;

                        echo $image . '<br>'; 

                        echo '<div>';
                        echo '<img src="' . $image . '" width="500" height="500" alt="'; 
                        echo '"/>';
                        echo '</div>';
                    }
                }
            }
            echo '</li>';
        }
    }
    echo '</ol>';
}

listFolderFiles('images');

命令echo $image.'<br>'; 打印所有图像的名称。使用以下命令，我设法创建了 div，但是其中没有显示图像：

echo '<div>';
echo '<img src="' . $image . '" width="500" height="500" alt="';
echo '"/>';
echo '</div>';

我做错了吗？ $image 路径是正确的。 编辑：我将图像文件夹与 wamp 文件夹中的 php 文件移动到同一文件夹中。现在例如图像文件是以下图像/01virarias/1_.jpg。我将函数的调用更改为 listFolderFiles('images');。但是我得到了相同的空 div。

Answer 1

您需要使用 URL。看来您正在使用本地文件。您的浏览器是“问题”。虽然这是一个安全问题。

图像应该在您的服务器环境中。

您似乎忘记了<li> 开始标签。

Answer 2

如果您的路径正确，请在浏览器上执行检查元素，我认为这是引用问题尝试

echo '<img src="'. $image .'" width="500" height="500" alt=""/>';

您可以使用相对/绝对的图像路径

relative :- ../images/your_image
absolute :-  http://localhost/your_image_path