PHP实现Blob数据库图片点击跳转至新页放大显示问题求助

嘿，我来帮你搞定这个需求！既然你的PHP从数据库取图的代码已经正常跑起来了，那核心就是让点击事件能触发新页面加载对应的高清图，这里给你两种靠谱的方案，你可以根据自己的情况选：

方案1：直接用<a>标签包裹图片，指向大图接口 #

这是最简单的方式，直接给你的图片套一个超链接，链接指向返回原图的PHP脚本，同时加上target="_blank"让它在新页面打开。

示例修改（假设你当前的显示代码是这样）： #

你现在可能是这么显示图片的：

<?php
// 从数据库拿到的图片ID
$image_id = $row['id'];
?>
<img src="get_image.php?id=<?php echo $image_id; ?>" alt="图片">

修改成这样：

<?php
$image_id = $row['id'];
?>
<!-- 链接指向返回原图的接口，target="_blank" 强制新页面打开 -->
<a href="get_image.php?id=<?php echo $image_id; ?>&size=original" target="_blank">
    <img src="get_image.php?id=<?php echo $image_id; ?>&size=thumbnail" alt="图片">
</a>

配套修改get_image.php的逻辑： #

如果你的数据库里存了缩略图和原图两份数据，可以通过size参数区分返回：

<?php
// 先做安全验证，防止SQL注入（一定要用预处理语句！）
$image_id = isset($_GET['id']) ? (int)$_GET['id'] : 0;
$size = isset($_GET['size']) ? $_GET['size'] : 'thumbnail';

// 连接数据库（这里用PDO示例，你可以换成自己的连接方式）
$pdo = new PDO('mysql:host=localhost;dbname=your_db', 'user', 'pass');

// 根据size参数选择对应的字段
if ($size === 'original') {
    $stmt = $pdo->prepare("SELECT image_data, mime_type FROM images WHERE id = ?");
} else {
    $stmt = $pdo->prepare("SELECT thumbnail_data, mime_type FROM images WHERE id = ?");
}
$stmt->execute([$image_id]);
$image = $stmt->fetch(PDO::FETCH_ASSOC);

// 输出图片头和数据
header("Content-Type: " . $image['mime_type']);
echo $size === 'original' ? $image['image_data'] : $image['thumbnail_data'];
?>

如果你的数据库里只存了原图，那可以直接用HTML的width/height属性做缩略，点击打开原图：

<a href="get_image.php?id=<?php echo $image_id; ?>" target="_blank">
    <img src="get_image.php?id=<?php echo $image_id; ?>" alt="图片" width="200">
</a>

方案2：做一个单独的图片预览页面 #

如果想要更美观的放大效果（比如居中显示、背景暗化），可以做一个专门的预览页面，点击图片跳转到这个页面，传递图片ID来加载大图。

第一步：创建view_image.php页面 #

这个页面负责显示放大后的图片，还可以加一些样式优化体验：

<?php
// 安全验证图片ID
$image_id = isset($_GET['id']) ? (int)$_GET['id'] : 0;
$pdo = new PDO('mysql:host=localhost;dbname=your_db', 'user', 'pass');

// 获取原图数据
$stmt = $pdo->prepare("SELECT image_data, mime_type FROM images WHERE id = ?");
$stmt->execute([$image_id]);
$image = $stmt->fetch(PDO::FETCH_ASSOC);

// 把图片转成base64直接嵌入页面（或者也可以继续用img标签指向get_image.php）
$image_base64 = 'data:' . $image['mime_type'] . ';base64,' . base64_encode($image['image_data']);
?>
<!DOCTYPE html>
<html>
<head>
    <title>图片预览</title>
    <style>
        body {
            margin: 0;
            padding: 2rem;
            background-color: #222;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
        .large-image {
            max-width: 90%;
            max-height: 90vh;
            border-radius: 8px;
            box-shadow: 0 0 20px rgba(255,255,255,0.2);
        }
    </style>
</head>
<body>
    <img src="<?php echo $image_base64; ?>" alt="放大图片" class="large-image">
</body>
</html>

第二步：修改图片显示代码 #

把原来的img标签套上指向view_image.php的链接：

<?php
$image_id = $row['id'];
?>
<a href="view_image.php?id=<?php echo $image_id; ?>" target="_blank">
    <img src="get_image.php?id=<?php echo $image_id; ?>" alt="图片">
</a>

注意事项 #

• 一定要加target="_blank"，这样才会在新页面打开，而不是替换当前页面；
• 对GET参数的id一定要做安全验证（比如转成整数、用预处理语句），防止SQL注入；
• 如果你的图片是二进制存在数据库的，确保get_image.php里的header和输出逻辑正确，不然图片会显示异常。

内容的提问来源于stack exchange，提问作者Bobby gotecha