如何从PHP数组中获取图片路径并在页面中显示图片

你遇到的问题核心是**$animal['pics']是一个数组，而非字符串**，直接把它输出到<img>的src属性里时，PHP会将数组转为字符串Array，浏览器自然无法识别这个无效路径，这就是图片加载失败的原因。

下面给你两种针对性的解决方案：

方案1：每个动物仅对应一张图片（pics数组仅含一个元素） #

直接取数组的第一个元素即可，修改index.php中的图片输出部分：

<?php require_once __DIR__ . '/app/app.php'; ?>
<?php foreach ($animals as $animal): ?>
<br>
<a href="#"><?php echo $animal['name'] ?></a>
<?php echo $animal['size'] ?>
<!-- 取pics数组的第一个元素作为图片路径 -->
<img src="<?php echo $animal['pics'][0] ?>" alt="<?php echo $animal['name'] ?>">
<?php endforeach; ?>

方案2：每个动物对应多张图片（pics数组含多个元素） #

可以嵌套循环遍历pics数组，把所有图片都显示出来：

<?php require_once __DIR__ . '/app/app.php'; ?>
<?php foreach ($animals as $animal): ?>
<br>
<a href="#"><?php echo $animal['name'] ?></a>
<?php echo $animal['size'] ?>
<!-- 遍历pics数组，逐个输出图片 -->
<?php foreach ($animal['pics'] as $pic): ?>
    <img src="<?php echo $pic ?>" alt="<?php echo $animal['name'] ?> 的图片">
<?php endforeach; ?>
<?php endforeach; ?>

额外提醒：检查图片路径是否正确 #

还要确认你的图片路径和实际文件位置匹配：

• 如果photos文件夹和index.php在同一目录下，用photos/cow1.jpg（相对路径）
• 如果photos是网站根目录下的文件夹，用/photos/cow1.jpg（绝对路径）
• 尽量避免./photos/cow1.jpg这种写法，容易因文件层级变化导致路径失效

内容的提问来源于stack exchange，提问作者php idiot