将Mysql数据库中的BLOB映像显示为html中的动态div

Question

我有一个BLOB图像，在用户提交广告表单时存储，他们可以选择上传一个图像。 图像与其他信息一起存储在数据库中。

每次我的页面加载它动态创建广告div，并填写从我的数据库到div的匹配信息。

我遇到的问题是同时显示包括图像在内的所有信息，因此当用户点击查看页面时，他们会看到每个div都有不同的图片和信息。 我已经看到了关于如何显示图像的其他帖子，但是当你从同一个数据库显示多个图像时，我怀疑它是同样的方法。

我的数据库设置如下：

ID ADTITLE电子邮件价格说明类别名称类型大小内容日期

粗体变量用于图像/ blob

这是我的代码，我检索信息：

$Category = 'Specials'; 
$query = $pdo->prepare("SELECT * FROM adsubm WHERE CATEGORY LIKE '%$Category%' ORDER BY DATE DESC" );
$query->execute();

while($row = $query->fetch()) {
    $Adtitle=$row['ADTITLE'];
    $Desc=$row['DESCRIPTION'];
    $Price=$row['PRICE'];
    $Date=$row['DATE'];
    $timestamp=strtotime($Date);
    $Day= date("d",$timestamp);
    $Month=date("F",$timestamp);
    $Newmonth=date('M', strtotime($Month . '01'));
    $Year=date("Y",$timestamp);
    header('Content-type: image/jpeg');
    $Image=$row['content'];


echo  " 
           <div class='[ col-xs-12 col-sm-offset-2 col-sm-8 ]' style='margin-top: 10px'>
                <ul class='event-list'>
                    <li>
                        <time datetime='$Date'>
                            <span class='day'>$Day</span>
                            <span class='month'>$Newmonth</span>
                            <span class='year'>$Year</span>
                            <span class='time'>ALL DAY</span>
                        </time>
                        <img alt='#' src='$Image/>
                        <div class='info'>
                            <h2 class='title'>$Adtitle</h2>
                            <p class='desc'>$Desc</p>
                                                        <ul>
                                <li style='width:50%;'><span class='fa fa-money'></span>  $Price</li>
                            </ul>
                        </div>

                    </li>
                              </ul>
                    </div>
        ";

我的PHP技能也是初学者水平。 我只是想尽可能保持简单明了的事情，我会稍后研究其他方法。

所有帮助表示赞赏。 谢谢

Answer 1

1）Base64选项

使用单行， image/png表示png图像， image/jpeg表示jpg image/jpeg ：

echo '<img src="data:image/png;base64,'.base64_encode($blob).'"/>';

例如：

 <div style="background-color:black; text-align:center; padding: 5px;"> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAwBAMAAACh2TSJAAAALVBMVEUAAADtNTX////3n5/+9fX719f7zMz5tLTzfHzuQED//f31jY3ybGzxXV3wVFRaxp+rAAAAAXRSTlMAQObYZgAAALVJREFUOMut0rENAjEQRNHdC4kY0QBaAQUQX0QAFSAKIKQEKiAA6VqgIkriApuV1x7pQPz0aWwHljLMpZ0CRDBGoXmeghGYKFJsUo90giAImCgV5OJF+oOgKE48MlGgs2VLBIunWesw0a1ZHqF82c7GmmIfUSpgotOly29DFPFJFDEhkgIT/V5mZuvj6XofKrHU6vyI4u37IYi36aN4h5tL7PJyif1dvCgEpapzISbCTEj5R78BZq5A5Ldh2XYAAAAASUVORK5CYII"> </div> 

---

2）专用页面

在同一页面上有很多大图，base64可能不是一个好选择

Base64很酷，但有点沉重 （通常是二进制值编码的两倍左右）并且不能被浏览器缓存 ，因为它是页面的一部分，而不是页面本身（如图片）。

在这种情况下，最好是使用特定的PHP页面来显示你的图片：

在主页上使用而不是base 64： echo '<img src="image.php?id='.$id.'"/>'; 使用您想要图像的行的ID。

在你的image.php ，对于基本的你应该使用这个：

// << include the $pdo here
$query = $pdo->prepare("SELECT `content` FROM `adsubm` WHERE `id` = :id" );
$query->execute(array(':id'=>$_GET['id']));
$data = $query->fetch();

if(empty($data)))
    header("HTTP/1.0 404 Not Found");
else {
    header('Content-type: image/jpeg');
    echo $data['content'];
}