上传后将图像添加到页面[关闭]答案

【问题标题】：Adding image to page after uploading it [closed]上传后将图像添加到页面[关闭]
【发布时间】：2012-10-18 00:11:02
【问题描述】：

如果图像存在于我服务器上的文件夹中，如何将图像添加到页面？

我正在为我的平面设计工作建立一个作品集网站；而且我希望能够将图片上传到服务器上的文件夹并自动将其添加到页面中，这样我就不必在每次添加新图片时都对 html 进行物理编辑。

这可能吗？如果是这样，怎么办？我学得很快，所以我不在乎它有多复杂。

【问题讨论】：

也许您可以使用 AJAX 来做到这一点，并且每次上传图片时都会刷新您的作品集
您会想要使用数据库来索引您的图像，不是吗？否则，如果您知道图像路径，则可以使用 php 函数 file_exists() 检查它是否存在
嗯，我很确定这不是他想要的。数据库很酷，但实际上，它们并不是所有问题的答案。尤其是当文件系统运行良好时。
不要一次问所有问题，而是从与您一起创建该问题的部分开始，然后具体询问。否则，广泛的答案是：是的，它有效。而且并不复杂。
我的其他问题是：您希望输出是什么样的？链接？图片？有订购吗？是否需要/需要缩略图？这个问题有点太模糊，无法提供一个好的答案。 . .

标签： php html image dom

【解决方案1】：

你可以这样使用：

    <?php

    $files = glob('folder/*.{jpg,png,gif}', GLOB_BRACE);
    foreach($files as $file) {
      echo "<img src='$file'>";
    }


    ?>

【讨论】：

之前完全忽略了 GLOB_BRACE。为此 +1。
对不起，我有点含糊，这很好用；看起来很简单。谢谢！

【解决方案2】：

试试这个：

$handle = opendir(dirname(realpath(__FILE__)).'/pictures/');
        while($file = readdir($handle)){
            if($file !== '.' && $file !== '..'){
                echo '<img src="pictures/'.$file.'" border="0" />';
            }
        }

这段代码真的很容易理解，我们首先定义一个变量“$handle”，它将包含文件夹绝对路径的句柄（我总是选择绝对路径，因为我觉得它们更安全） dirname(realpath(FILE)) 返回当前文件（gallery.php）的绝对路径，然后我们添加到它的末尾 /pictures/

然后，我们遍历目录中的所有文件，我使用的那个简单的 if 语句是为了防止某些函数返回。或 .. 有时作为文件名。然后我们以标准 html 显示图像

【讨论】：

【解决方案3】：

我会使用这个伪代码：

if (file_was_uploaded()) {
    update_page();
}

在file_was_uploaded 函数中，您将代码用于处理文件上传。如果有（成功的）文件上传，则返回 true。

在update_page 函数中，您将代码用于处理页面更新。

【讨论】：

【解决方案4】：

您可以尝试读取文件夹中的文件名，然后在页面上显示每个图像：

<?php
$dir_path   = '/images';
$filenames = scandir($dir);
?>

<?php foreach($filenames as $filename): ?>
    <img src="<?=$filename;?>" alt="photo"/> <!-- and other HTML stuff -->
<?php endforeach; ?>

【讨论】：