从数据库读取图片到卡片显示失败求助（附PHP代码）

1. 核心错误点 #

• 未正确读取数据库图片数据：代码里的$imagen变量未定义，必须从循环的$campo数组中获取对应字段（比如你数据库中存储图片的字段名为imagen，就用$campo['imagen']）。
• MIME类型拼写错误：data:imagen/jpeg;base64,里的imagen是错误写法，正确应为image/jpeg。
• 图片存储类型不匹配：如果数据库存的是图片文件路径而非二进制数据，不需要用base64_encode，直接输出路径即可。

2. 修复后的代码示例 #

情况一：数据库存储图片二进制数据（BLOB类型） #

<?php
$sql = "SELECT * FROM members";
$stmt = $conexion->prepare($sql);
$stmt->execute();
?>

<?php
while ($campo = $stmt->fetch(PDO::FETCH_ASSOC)) {
    // 从数据库取出图片二进制数据
    $imagen = $campo['imagen']; // 替换为你实际的图片字段名
?>

<div class="col-4">
    <div class="card">
       <img src="data:image/jpeg;base64,<?php echo base64_encode($imagen); ?>" alt="用户图片" />
       <h2><?php echo $campo['firstname']; ?></h2>
       <h4>Talla <?php echo $campo['talla'];?></h4>
       <h4>$<?php echo $campo['precio'];?></h4>
       
   </div>
</div>
<br>
<?php
}
?>

情况二：数据库存储图片文件路径（比如uploads/xxx.jpg） #

<?php
$sql = "SELECT * FROM members";
$stmt = $conexion->prepare($sql);
$stmt->execute();
?>

<?php
while ($campo = $stmt->fetch(PDO::FETCH_ASSOC)) {
    $imagenPath = $campo['imagen_path']; // 替换为你实际的路径字段名
?>

<div class="col-4">
    <div class="card">
       <img src="<?php echo $imagenPath; ?>" alt="用户图片" />
       <h2><?php echo $campo['firstname']; ?></h2>
       <h4>Talla <?php echo $campo['talla'];?></h4>
       <h4>$<?php echo $campo['precio'];?></h4>
       
   </div>
</div>
<br>
<?php
}
?>

3. 额外检查项 #

• 确认数据库中图片字段的名称与代码中使用的一致，避免字段名拼写错误。
• 如果是二进制存储，确保字段类型为MEDIUMBLOB或LONGBLOB（BLOB容量太小可能导致图片截断）。
• 检查AJAX上传逻辑，确认图片数据确实完整存入了数据库，而非空值或损坏数据。

内容的提问来源于stack exchange，提问作者VALENTE ALEJANDRO GUARDIOLA BA