Visualizzazione dell'immagine BLOB dal database Mysql in div dinamico in html

1) Opzione Base64

Lavora con una singola riga, image/png per un'immagine png e image/jpeg per uno jpg :

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

esempio :

<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) Pagina dedicata

Con molte immagini grandi sulla stessa pagina, la base64 potrebbe non essere la scelta giusta

Base64 è fantastico, ma un po' pesante (di solito circa il doppio del binario valore codificato) e non può essere memorizzato nella cache dal browser in quanto è una parte della pagina e non una pagina a sé stante (come un'immagine).

In questo caso, la cosa migliore è utilizzare una pagina php specifica per visualizzare la tua immagine :

Nella pagina principale usa invece di base 64 :echo '<img src="image.php?id='.$id.'"/>'; con l'id della linea si vuole l'immagine.

Sul tuo image.php , per la base dovresti usare questo :

// << 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'];
}