Отображение изображения BLOB из базы данных Mysql в динамический div в html

У меня есть образ BLOB, который хранится, когда пользователь отправляет форму объявления, у них есть выбор для загрузки одного изображения. Изображение хранится в базе данных с другой информацией.

Каждый раз, когда моя страница загружает его, динамически создает рекламные divs, а также заполняет соответствующую информацию из моей базы данных в div.

Проблема, с которой я сталкиваюсь, одновременно отображает всю информацию, включая изображение вместе, поэтому, когда пользователь нажимает на просмотр страницы, они видят каждый div с другим изображением и информацией. Я видел другие сообщения о том, как отображать изображение, но я сомневаюсь в том же методе, когда вы показываете несколько изображений из одной базы данных.

Моя база данных настроена следующим образом:

ID ADTITLE EMAIL ЦЕНА ОПИСАНИЕ КАТЕГОРИЯ имя тип размер содержание DATE

Жирные переменные для изображения / 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 также являются новичками. Я просто стараюсь держать все как можно проще и проще, я рассмотрю другие методы позже.

Вся помощь приветствуется. благодаря

Related of "Отображение изображения BLOB из базы данных Mysql в динамический div в html"

1) Вариант Base64

Работайте с одной строкой, image/png для png-изображения и image/jpeg для jpg one:

 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>