回声文本与PHP内的图像循环

时间:2016-11-24 20:52:57

标签: javascript php html css

所以我有一个PHP脚本可以获取文件夹中的所有图像,我想在其下的

标签中添加文件名。

尝试了GetElementById,但我无法让它发挥作用。

提前致谢。

编辑:立即投放

PHP在这里:

<?php
$files = glob("img/*.*");
  for ($i=0; $i<count($files); $i++) {
      $image = $files[$i];
      $filename = pathinfo($image);
      echo '
      <div class="col-lg-3 col-md-4 col-xs-6 thumb">
        <a class="thumbnail" href="#">
            <img  class="img-responsive" src="'.$image .'"/>
        </a>

      <p>' . $filename['filename'] .'</p>

      </div> ' ; }
?>

1 个答案:

答案 0 :(得分:0)

$image已经存储了文件的路径。

例如$image可以是/upload/images/picture.jpg。 然后要获取文件名(picture.jpg),您可以使用basename函数:

echo '
    <div class="col-lg-3 col-md-4 col-xs-6 thumb">
        <a class="thumbnail" href="#">
            <img class="img-responsive" src="'.$image .'"/>
        </a>
        <p>' . basename($image) . '</p>
  </div>';

如果您需要回显完整文件路径 - 请忽略basename

<p>' . $image . '</p>

正如已经提到的 - 对几个元素使用相同的 id是一个坏主意。 ID必须在页面上唯一。如果你真的不需要id s - 就像我在答案中那样删除它们。