PHP实现数据库Blob头像以img标签嵌入网页的问题

我来帮你解决这个问题！你现在的代码直接输出了图片的二进制数据并设置了Content-Type，所以浏览器会把整个响应当成图片显示，自然会全屏打开。要把它嵌入到网页的img标签里，搭配其他信息展示，有两种常用方案，我给你详细说明：

先修正原代码的小Bug #

你的SQL语句里写的是where id = 1，但后面又用bindParam(1, $_GET['id'])，这两者完全不匹配——SQL里没有占位符，绑定操作根本无效。得先把SQL改成带占位符的形式，确保参数能正确传递：

public function getBlob(){
    // 先校验参数合法性，避免报错或注入风险
    if(!isset($_GET['id']) || !is_numeric($_GET['id'])){
        header("HTTP/1.1 400 Bad Request");
        exit;
    }
    
    $stmt = MyPDO::getInstance()->prepare("SELECT * FROM prj_img where id = ?");
    // 绑定整数类型参数，更安全
    $stmt->bindParam(1, $_GET['id'], PDO::PARAM_INT);
    $stmt->execute();
    $blob= $stmt->fetch(PDO::FETCH_ASSOC); // 明确返回关联数组
    
    if(!$blob || empty($blob['data'])){
        // 没找到图片时返回404或默认图片
        header("HTTP/1.1 404 Not Found");
        exit;
    }
    
    // 可以根据数据库存储的图片类型动态设置Content-Type，这里假设是jpeg
    header("Content-type: image/jpeg");
    echo $blob['data'];
}

方案一：把PHP脚本作为img标签的src引用 #

这是最常用的方式，适合各种大小的图片：

1. 确保上面修正后的getBlob方法能正常运行（比如通过your-domain.com/getBlob.php?id=1能正常显示图片）。
2. 在展示用户信息的页面里，直接用img标签调用这个脚本：

<div class="user-card">
    <img src="getBlob.php?id=1" alt="用户头像" width="120" height="120">
    <h3>用户昵称：Tiolas</h3>
    <p>注册时间：2024-01-01</p>
    <!-- 其他用户信息 -->
</div>

浏览器会自动请求这个PHP脚本，获取到图片数据后在img标签里渲染，不会全屏打开。

方案二：用Data URI直接嵌入图片（适合小头像） #

如果不想单独发起一次图片请求，可以把Blob数据编码成Base64，直接嵌入到HTML中：

在展示用户信息的PHP页面里，直接获取Blob并生成Data URI：

// 获取当前用户的头像数据（假设$userId是当前用户ID）
$stmt = MyPDO::getInstance()->prepare("SELECT * FROM prj_img where id = ?");
$stmt->bindParam(1, $userId, PDO::PARAM_INT);
$stmt->execute();
$blob = $stmt->fetch(PDO::FETCH_ASSOC);

// 将二进制图片数据编码为Base64
$imgBase64 = base64_encode($blob['data']);
// 拼接成Data URI格式
$imgSrc = "data:image/jpeg;base64," . $imgBase64;
?>

<!-- 在HTML中直接使用 -->
<div class="user-profile">
    <img src="<?php echo $imgSrc; ?>" alt="用户头像" width="120" height="120">
    <p>用户名：Tiolas tchoupi</p>
    <!-- 其他信息 -->
</div>

⚠️ 注意：这种方式会让HTML文件体积变大（Base64编码会使数据增加约30%），只适合小尺寸的头像，大图片还是推荐用方案一。

内容的提问来源于stack exchange，提问作者Tiolas tchoupi