在 php/html 中显示 blob 图像时出错

Question

我正在尝试显示来自 MySQL 表的 blob 字段的图像。看起来我在以下行中有某种错误。一旦我输入“header（“Content-type：image/jpeg”）”，事情就会变得一团糟，而不是显示网页，而是显示页面的所有源代码。

请告诉我如何更正。

<div class="image" align="left">
    <a href="<?php header("Content-type: image/jpeg"); echo $rec['image']; ?>">
        <img src="<?php echo $rec['image']; ?>" width="150" border="0"/>
    </a>
</div><!-- image --> 

Answer 1

您通常不会将实际图像内容放在图像标记的src= 属性中。相反，您指向图像文件的 URL。

（include the image source directly in the HTML 有很多方法，但它并不适用于所有浏览器，而且您的<a> 链接仍然无法正常工作。

相反，最好的方法是创建一个单独的 PHP 文件来提供图像。

您的 HTML：

<div class="image" align="left">
<a href="myimage.php?key=<?php echo($key) ?>"><img src="myimage.php?key=<?php echo($key) ?>" width="150" border="0"/></a>
</div><!-- image -->

myimage.php:

<?php
    header("Content-type: image/jpeg");
    $key = $_GET['key'];
    // todo: load image for $key from database
    echo $rec['image'];

Answer 2

您正在尝试将图像数据内嵌到内容中。唯一可行的方法是通过数据 URI data URI。比如：

<img src="data:image/jpeg;base64,<?= base64_encode($rec['image']) ?>" width="150" border="0" />

但是，您可能想要将其放入单独的脚本中。所以你的 HTML 将是：

<a href="showimage.php?id=XXX"><img src="showimage.php?id=XXX" width="150" border="0" /></a>

您的 showimage.php 脚本将是：

<?php
// Get $rec from database based on the $_GET['id']
header('Content-Type: image/jpeg');
echo $rec['image'];
?>

Answer 3

我已经以另一种可能有用的方式从我的数据库中检索 blob，这是代码示例。看看它是否符合您的需求，如果您需要更多帮助，请告诉我。

while ($row = mysql_fetch_array($hc_query2)) {
                        $title = $row['title'];
                        $text = $row['text'];
                        $image = $row ['image'];
                        $output ='<div class="HCInstance"><img src="data:image/jpeg;base64,' . base64_encode($image) . '" alt="High Council" width="100px" height="100px"/>
                        <div class="HCHeader"><h2>'.$title.'</h2></div><br/><div class="HCDetails"><p>'.$text.'</p></div></div>';
                        echo $output;
                    }