PHP binary image (id, blob binary data) array to Java script

Question

I have an array in PHP with id and blob image binary data.

$mapImages = $mapImages."['".$row['_URI']."','".$imageRow['VALUE']."],";

When I echo this array into a java script variable:

var mapImages = [<?php echo $mapImages; ?>];

Java script breaks ... Finally I would like to use those ID's to properly place images on google maps.

What error do you get? Also, instead of building string yourself, you may consider json_encode. — Passerby
– Passerby, Commented Jan 10, 2014 at 7:01
It echo's all id's and binary data on on IDE's console (Aptana), in chrome browser i get no output at all, seems like it is doing what it is supposed to do. However is there any way i can parse this php array (id, binary data) into JavaScript safely? — Ayub
– Ayub, Commented Jan 10, 2014 at 7:16

Ayub · Accepted Answer · 2014-01-13 04:36:53Z

1

Got it working using base64 encode in php.

base64_encode($imageRow['VALUE'])

This would prepare binary values for safe echo/print into a javascript variable. Since this is already base64 encoded, we can generate image from it using in following way.

"<img height='200' width='200' src='data:image/jpeg;base64,"+mapImages[valJ][1]+"'/>"

Hope this helps !

answered Jan 13, 2014 at 4:36

Ayub

5102 gold badges6 silver badges22 bronze badges

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

3 Comments

Ingwie Phoenix Over a year ago

Is there any browser that does not accept data:image/*;base64,...? This looks very interesting!

Ayub Over a year ago

Its late but, I tested this on FF and Chrome, it works, can't say the same for IE

Ingwie Phoenix Over a year ago

If what I read about "Data URLs" is correct and up to date, then IE supports it too. DataURLs seem really convenient!

Collectives™ on Stack Overflow

PHP binary image (id, blob binary data) array to Java script

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related