outputing image directly to browser

[Jon Slaughter]

can one "stream" image data to a browser?

I created an image using gd and when I do imagepng I just get the binary
data for the image written as text instead of the image itself. Now I'm
writing the file to a temp file and using html to load the temp but seems
like a waste of cycles and space ;/

Anyway around this?

Thanks,
Jon

[=?ISO-8859-15?Q?Iv=E1n_S=E1nchez_Ortega?=]

Jon Slaughter wrote:

can one "stream" image data to a browser?

Yeah, you can encode the image in base64, but IMHO it's not worth it.

Anyway around this?

The classic way: do <img src='foo.php'>, where foo.php is the *only* script
that runs imagepng().

This means: do *not* run imagepng() in your main script.

--
----------------------------------
Iván Sánchez Ortega -ivansanchez-algarroba-escomposlinux-punto-org-

El sentido común es el menos común de los sentidos

[Edward Z. Yang]

-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

Jon Slaughter wrote:

I created an image using gd and when I do imagepng I just get the binary
data for the image written as text instead of the image itself. Now I'm
writing the file to a temp file and using html to load the temp but seems
like a waste of cycles and space ;/

The data: URI scheme was created with this sort of functionality in
mind, but it is not supported by many browsers and not recommended.

What you should be doing is caching the generated image files and
referencing those using <img>. Not a waste of cycles at all!

- --
Edward Z. Yang GnuPG: 0x869C48DA
HTML Purifier <htmlpurifier.org Anti-XSS HTML Filter
[[ 3FA8 E9A9 7385 B691 A6FC B3CB A933 BE7D 869C 48DA ]]
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.6 (MingW32)
Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org

iD8DBQFGaKvnqTO+fYacSNoRAsNiAJ9o/tgwCoDEd63XnDGqoCeaNcsA2gCdEHfa
zrRmQ3s2dXQY23YsXhJ2CQk=
=UYap
-----END PGP SIGNATURE-----

[-Lost]

Jon Slaughter wrote:

can one "stream" image data to a browser?

I created an image using gd and when I do imagepng I just get the binary
data for the image written as text instead of the image itself. Now I'm
writing the file to a temp file and using html to load the temp but seems
like a waste of cycles and space ;/

Anyway around this?

Basically, exactly what Iván Sánchez Ortega said.

Remember that GD example source code I gave you a few days ago? All you
have to do is put it in a file, for example "image.php."

Then in another file, perhaps an HTML document, use:

<img src="image.php" width="100" height="100" />

Assuming your actual image output is 100x100.

In this same fashion, if you pass parameters to the image.php script to
say output specific characters you can do:

imagestring($img, 10, 5, 5, $_POST['msg'], $fg);

Instead of:
$msg = " Your IP is {$_SERVER['REMOTE_ADDR']}";
imagestring($img, 10, 5, 5, $msg, $fg);
<img src="im*******************************@REMOVEHotma il.com"
alt="E-mail John Slaughter" width="100" height="100" />

<img src="im**************************@hotmail.com" alt="My Alternate
E-mail" width="100" height="20" />

Of course, remove the REMOVEs. I just put that there in case of harvesting.

(Yes, yes, I realize they could harvest it anyway, since you do not
disguise it. I was just trying to be nice. : ))

--
-Lost
Remove the extra words to reply by e-mail. Don't e-mail me. I am
kidding. No I am not.

[Jon Slaughter]

"-Lost" <ma****************@techie.comwrote in message
news:U8******************************@comcast.com. ..

Jon Slaughter wrote:

>can one "stream" image data to a browser?

I created an image using gd and when I do imagepng I just get the binary
data for the image written as text instead of the image itself. Now I'm
writing the file to a temp file and using html to load the temp but seems
like a waste of cycles and space ;/

Anyway around this?

Basically, exactly what Iván Sánchez Ortega said.

Remember that GD example source code I gave you a few days ago? All you
have to do is put it in a file, for example "image.php."

Then in another file, perhaps an HTML document, use:

<img src="image.php" width="100" height="100" />

Assuming your actual image output is 100x100.

In this same fashion, if you pass parameters to the image.php script to
say output specific characters you can do:

imagestring($img, 10, 5, 5, $_POST['msg'], $fg);

Instead of:
$msg = " Your IP is {$_SERVER['REMOTE_ADDR']}";
imagestring($img, 10, 5, 5, $msg, $fg);
<img src="im*******************************@REMOVEHotma il.com" alt="E-mail
John Slaughter" width="100" height="100" />

<img src="im**************************@hotmail.com" alt="My Alternate
E-mail" width="100" height="20" />

Of course, remove the REMOVEs. I just put that there in case of
harvesting.

(Yes, yes, I realize they could harvest it anyway, since you do not
disguise it. I was just trying to be nice. : ))

Thanks. I didn't realize you could do that. I guess it makes sense now that
I think about it ;)

Jon

[Jon Slaughter]

"-Lost" <ma****************@techie.comwrote in message
news:U8******************************@comcast.com. ..

Jon Slaughter wrote:

>can one "stream" image data to a browser?

I created an image using gd and when I do imagepng I just get the binary
data for the image written as text instead of the image itself. Now I'm
writing the file to a temp file and using html to load the temp but seems
like a waste of cycles and space ;/

Anyway around this?

Basically, exactly what Iván Sánchez Ortega said.

Remember that GD example source code I gave you a few days ago? All you
have to do is put it in a file, for example "image.php."

Then in another file, perhaps an HTML document, use:

<img src="image.php" width="100" height="100" />

Assuming your actual image output is 100x100.

In this same fashion, if you pass parameters to the image.php script to
say output specific characters you can do:

imagestring($img, 10, 5, 5, $_POST['msg'], $fg);

Instead of:
$msg = " Your IP is {$_SERVER['REMOTE_ADDR']}";
imagestring($img, 10, 5, 5, $msg, $fg);
<img src="im*******************************@REMOVEHotma il.com" alt="E-mail
John Slaughter" width="100" height="100" />

<img src="im**************************@hotmail.com" alt="My Alternate
E-mail" width="100" height="20" />

Of course, remove the REMOVEs. I just put that there in case of
harvesting.

(Yes, yes, I realize they could harvest it anyway, since you do not
disguise it. I was just trying to be nice. : ))

Strange... my image is true color and I get an error about the image having
an error when its true color but works when I use imagecreate as in your
example or the one in the php manual... ;/ Do I have the wrong mime type or
is can I not use this method with true color? (was saving to a png file and
then loading that with <imgand it worked fine)

Thanks,
Jon

[Schraalhans Keukenmeester]

At Fri, 08 Jun 2007 02:44:02 +0200, Iván Sánchez Ortega let h(is|er)
monkeys type:

Jon Slaughter wrote:

>can one "stream" image data to a browser?

Yeah, you can encode the image in base64, but IMHO it's not worth it.

>Anyway around this?

The classic way: do <img src='foo.php'>, where foo.php is the *only* script
that runs imagepng().

This means: do *not* run imagepng() in your main script.

Ivan, can you explain why the main script shouldn't run it? I think I am
missing a clue here. Other than that I can only second your opinion on
streaming image data. Can't think of ANY useful application. But maybe
someone can?

--
Schraalhans Keukenmeester - sc*********@the.Spamtrapexample.nl
[Remove the lowercase part of Spamtrap to send me a message]

"strcmp('apples','oranges') < 0"

[Jon Slaughter]

The problem has to do with require ;/ I put all the image captcha stuff in a
class and if I copy and paste that class into the file it works but if I use
require_once it doesn't ;/ (but it is able to load find the file AFAIK cause
when I debug it's able to step through it)... maybe not though. Can't see
why that would cause a problem ;/

Jon

[Mohawk Mawk]

i had the same problem that i would only see the weird text when i
tried outputing an image
check this :)
http://bjorntoday.com/pico.php?ID=20
this outputs a string as an images i can use the <imgtag no problem
because of header()

<?
header('Content-type: image/jpg'); //watch out that you have no white
spaces before <? or header throws a fit
$IMG= //your image string
print $IMG;

?>

i got my pictures saved in a database as blob so this is very
practical, yet i had the problem that the pictures where not caching,
so i got a lil help from the php manual, this works
<?

// Checking if the client is validating his cache and if it is
current.
if (isset($headers['If-Modified-Since']) &&
(strtotime($headers['If-Modified-Since']) == $TIME)) {// Client's
cache IS current, so we just respond '304 Not Modified'.
header('Last-Modified: '.gmdate('D, d M Y H:i:s', $TIME).'
GMT', true, 304);
} else {// Image not cached or cache outdated, we respond '200 OK'
and output the image.
header('Last-Modified: '.gmdate('D, d M Y H:i:s', $TIME).'
GMT', true, 200);
header('Content-type: image/jpg');
print $IMG;
}
?>

$TIME in my case is stored in the database as well.