Javascript 在php for循环中回显带有图像的文本
所以我有一个PHP脚本,它获取文件夹中的所有图像,我想在它们下面的标记中添加文件名 尝试使用GetElementById,但无法使其工作 提前谢谢 编辑:现在可以工作了 PHP此处: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
$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函数起作用了。编辑了这个问题。