Javascript 在php for循环中回显带有图像的文本

Javascript 在php for循环中回显带有图像的文本,javascript,php,html,css,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 '

所以我有一个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> ' ; }
?>

$image
已存储文件的路径

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

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>';

如前所述,对几个元素使用相同的id是个坏主意。ID在页面上必须是唯一的。如果您真的不需要
id
s,只需像我在回答中所做的那样删除它们。

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

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

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>';

如前所述,对几个元素使用相同的id是个坏主意。ID在页面上必须是唯一的。如果您真的不需要
id
s,请按照我在回答中所做的那样删除它们。

为什么不在php中添加文本?id=imagename有t obe id=“imagename”
getElementById
只获取一个元素,因为给定id应该只有一个元素。您正在使用相同id创建多个元素。@JarlikStepsto My bad,在这里输入错误。为什么不在php中添加文本?id=imagename有一个obe id=“imagename”
getElementById
只获取一个元素,因为给定id应该只有一个元素。您正在使用相同id创建多个元素。@JarlikStepsto My bad,此处输入错误。我应该将拆分函数或其他东西放在哪里以最终摆脱扩展?在
echo
之前或尝试使用
pathinfo
函数。谢谢,pathinfo函数工作正常。编辑了问题。我应该将拆分函数或其他东西放在哪里以最终摆脱扩展?在
echo
之前,或尝试使用
pathinfo
函数。谢谢,pathinfo函数起作用了。编辑了这个问题。