PHP : How to display image from blob

Question

I have a little problem here. I try to convert an image into string base64, after that I want to save the string into blob in MySQL. So, the blob can be displayed on the mobile apps.

this is my code :

$data = file_get_contents($_FILES["picture"]["tmp_name"]);
$image = base64_encode($data);

I already successfully save the blob into MySQL, but I can not displayed the image in website.

<td> <img src="<?php echo base64_decode($user->getPicture()); ?>"></td>

because the result is : �� and many more

Am I wrong ? Please correct me :)

@u_mulder Hes not using short tags so your response shouldn't use them either otherwise it might cause undue confusion. Also he needs data:image/png;base64,<?php echo base64_decode($user->getPicture()); ?> of course the mime type need to be relevant tot he image.. ieimage/jpeg or whatever it actually is. — prodigitalson
– prodigitalson, Commented Jan 2, 2015 at 18:25
The URI should look like src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." - you are missing the data:image...(etc.) part it seems? — Mörre
– Mörre, Commented Jan 2, 2015 at 18:25
@prodigitalson : I already put data:image/png;base64,<?php echo base64_decode($user->getPicture()); ?>, but my image did not displaying — Monk
– Monk, Commented Jan 2, 2015 at 18:35

Marc B · Accepted Answer · 2015-01-02 19:06:55Z

5

The src attribute of an image MUST point at a url. You cannot dump the raw binary contents of an image in there and expect it to work. The browser will take that raw binary data and try to hit the page's originating server and request that data as if it was a file url. i.e. you have this on a page loaded from http://example.com/foo/bar/baz.php:

<img src="blahblahblahblah" />

which will result in the browser requesting

http://example.com/foo/bar/blahblahblahblah

If you want to embed your image in the page, then you have to use a Data URI:

<img src="data:image/jpeg;base64,<?php echo $base64_encoded_image ?>" />

edited Jan 2, 2015 at 19:06

answered Jan 2, 2015 at 18:27

Marc B

362k44 gold badges433 silver badges508 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Monk Over a year ago

I already put data:image/png;base64,<?php echo base64_decode($user->getPicture()); ?>, but my image did not displaying

Marc B Over a year ago

yes, but you're DECODING, which means you're stuffing the raw binary data into the data uri.

Monk Over a year ago

sorry, what do you mean? I feel confused here

Marc B Over a year ago

your already base64-encoded your image to insert it into the db. so you don't have to do ANYTHING... just take the text you selected from the db and put it into the data uri. base64_decode() will return your image to raw binary garbage, which CAN'T be used in a data uri

Monk Over a year ago

I already try data:image/png/base64;<?php echo $user->getPicture();?>, but the picture still do not showing

|

Collectives™ on Stack Overflow

PHP : How to display image from blob

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related