【问题标题】:Display images from folder in table using php,html?使用php,html从表中的文件夹显示图像?
【发布时间】:2018-02-01 21:01:25
【问题描述】:

我想以表格形式显示我的图像。这是我的代码:

<?php
$files = glob("images/*.*");
for ($i = 0; $i < count($files); $i++) {
    $image = $files[$i];
    $supported_file = array(
        'gif',
        'jpg',
        'jpeg',
        'png'
    );

    $ext = strtolower(pathinfo($image, PATHINFO_EXTENSION));
    if (in_array($ext, $supported_file)) {
        echo basename($image);
echo '<img src="' . $image . '" alt="Random image" ,width=100px, height=100px /><br>';
} else {
continue;
}
}
?>

有点像那张照片。

【问题讨论】:

  • 只创建表格标记,&lt;table&gt;&lt;tr&gt;&lt;td&gt;
  • 使用forloop 来迭代图像是一种有效的方法,但是您忘记将表结构添加到输出中。没有它,浏览器将不会呈现任何表格。我建议您阅读几行有关如何在 html 标记中定义表格的内容。您使用表格元素(行和单元格)定义表格,然后在单元格内输出图像,就像您已经做的那样。
  • 你的实际输出是多少?也许您的想法中的另一个错误是 PHP 使用文件系统的文件路径(绝对路径),而 HTML 使用相对于文档根目录的路径。所以需要将PHP路径转换成HTML可以使用的路径。

标签: php image directory tabular


【解决方案1】:

如果你想在表格中添加表格标签,只需添加表格标签

<table>
<tr>
  <th>Image Name</th>
  <th>Image</th>
</tr>
<?php
$files = glob("images/*.*");
for ($i = 0; $i < count($files); $i++) {
    $image = $files[$i];
    $supported_file = array(
        'gif',
        'jpg',
        'jpeg',
        'png'
    );

    $ext = strtolower(pathinfo($image, PATHINFO_EXTENSION));
    if (in_array($ext, $supported_file)) {
      echo "<tr><td>";
      echo basename($image);
      echo "</td><td>";
      echo '<img src="' . $image . '" alt="Random image" ,width=100px, height=100px /><br>';
      echo "</td></tr>";
} else {
continue;
}
}
?>
</table>

【讨论】:

  • 感谢您的回答。帮我很多。 :)
【解决方案2】:

从以下位置更改您的 html 代码:

echo '&lt;img src="' . $image . '" alt="Random image" ,width=100px, height=100px /&gt;&lt;br&gt;';

  echo "<table border='1'>";
  echo "<tr><td>";
  echo basename($image);
  echo "</td><td>";
  echo '<img src="' . $image . '" alt="Random image" ,width=100px, height=100px />';
  echo "</td></tr>";
  echo "</table>";

【讨论】:

  • 感谢您的回答。帮我很多。 :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2023-03-08
  • 1970-01-01
  • 2017-08-01
  • 2011-09-11
  • 1970-01-01
  • 1970-01-01
  • 2014-09-15
相关资源
最近更新 更多