11

In the PHP manual for base64_encode() I saw the following script for outputting an image.

<?php

$imgfile = "test.gif";

$handle = fopen($filename, "r");

$imgbinary = fread(fopen($imgfile, "r"), filesize($imgfile));

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

?>

But how can you output an image dynamically created with GD?

I've tried this:

$im = imagecreatetruecolor(400, 400);

imagefilledrectangle($im, 0, 0, 200, 200, 0xFF0000);
imagefilledrectangle($im, 200, 0, 400, 200, 0x0000FF);
imagefilledrectangle($im, 0, 200, 200, 400, 0xFFFF00);
imagefilledrectangle($im, 200, 200, 400, 400, 0x00FF00);

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

Why doesn't that work?

It seems to work in IE but not Firefox. How can I make it cross-browser?

Improve this question
3
  • No, firefox. Hmm, it works in IE... Commented Sep 12, 2010 at 13:54
  • 3
    Do you have a real need to use data: URIs? Because if you don't, it's better not to use them. They have an awful lot of downsides. IE < 8 doesn't support them at all, for example. Commented Sep 12, 2010 at 13:57
  • (related) stackoverflow.com/questions/3385982/… Commented Sep 12, 2010 at 14:07

4 Answers 4

Reset to default
18

Ok, sorry, I was thinking too fast :)

imagepng() will output raw data stream directly to the browser, so you must use ob_start() and other output buffering handles to obtain it.

Here you are:

ob_start();
imagepng($yourGdImageHandle);
$output = ob_get_contents();
ob_end_clean();

That is - you need to use $output variable for you base64_encode() function.

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

4 Comments

@Mark no, he is right. If it works in IE, then because the img src part gets ignored. The raw image will be output to the browser and base64_encode does never take place
Why downvote? Id certaily DOES what I said - please read my edited comment.
Please explain with ob_start(). How do you use it?
I am happy that you are happy then ;]
11

Because imagepng outputs bool or image stream directly to output.
So, in order to get image data you should use output buffers like this: 

ob_start();
imagepng($im);
$image = ob_get_contents();
ob_end_clean();
echo '<img src="data:image/png;base64,'.base64_encode($image).'" />';
Improve this answer

Comments

1

Most likely because the data: URI scheme is extremely limited and good to use unless there is absolutely no way around it.

In Internet Explorer, for example, this doesn't work at all until IE 8; and in there, there is a global 32 kilobyte limitation for data: URIs.

Improve this answer

10 Comments

So your saying do it another way?
@Mark what do you need data: URIs for in the first place?
Captcha experiment. See stackoverflow.com/questions/3692969/captcha-encryption
I need to display it to the user without saving it
@Mark Why? To emphasize, what you are planning to do will not work at all in Internet Explorer 7. Can you really live with that?
|
0

You have to save your image as a PNG first, and then read from it to get its contents as a value.

http://www.php.net/manual/en/function.imagepng.php

imagepng() does not return the PNG file. It outputs it directly to the browser and then returns a boolean meaning success or failure.

(from php.net:) PHP internally works with a temporary file when sending the image to the browser, so you'll gain nothing by calling imagepng() twice.

Improve this answer

1 Comment

You can enclose imagepng() between ob_start() and ob_get_contents(); ob_end_clean(); to get the image, but it uses a temporary file anyway.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.