comment on

The foregoing comments are mostly true, but not entirely. There is the data: URI, but not all browsers support it. It allows image data to be embedded directly in the HTML, and there is even a Perl module that makes it easy to use in a CGI environment. The following code will generate some text and an image consisting of a red square with a blue-outline square inside of it:

#!/usr/bin/perl
use strict;
use URI;
use GD;
my $img = GD::Image->new(100,100);
my $red = $img->colorAllocate(255,0,0);     
my $blue = $img->colorAllocate(0,0,255);
$img->rectangle(40,40,59,59,$blue);
my $uri = URI->new("data:");
$uri->media_type("image/png");
$uri->data($img->png);
print "Content-type:text/html\n\n";
print "<html>\n";
print "<h3>Testing inline image data</h3>";
print qq(<img src="$uri" alt="Didn't work."></html>\n);
[download]

This is a CGI script, even though I didn't actually use CGI, as it didn't help to illustrate the point. Anyway, the code produces this output:

Content-type:text/html

<html>
<h3>Testing inline image data</h3><img src="data:image/png;base64,iVBO
+Rw0KGgoAAAANSUhEUgAAAGQAAABkAQMAAABKLAcXAAAABlBMVEX/AAAAAP9sof2OAAAAI
+UlEQVR4nGNgGAWjgFTw//8HJF4Dg8CI5aGGxCgYBcQBAMULD/2Zt2wmAAAAAElFTkSuQm
+CC" alt="Didn't work."></html>
[download]

Netscape 4.7 on Linux showed the image without any problems. Opera did not. So results may vary.

Also, there is apparently some restriction on the maximum size of such an embedded image, but so far I've not been able to determine what that is. Maybe someone else will know.

One would think that something could be done with the multipart/mixed MIME type. This is how mixed content is included in email messages, but so far my efforts to make this work with a browser have come up dry. I'm with you, though. It seems idiotic to require a separate request for data that could just as easily be included with the main document.

Update: Since images don't seem to be permitted in the SOPW nodes, I've included a sample similar to the above on my home node: Dr. Mu

In reply to Re: Incorporating On-The-Fly Graphics In CGI output by Dr. Mu
in thread Incorporating On-The-Fly Graphics In CGI output by lacertus

Are you posting in the right place? Check out Where do I post X? to know for sure.
Posts may use any of the Perl Monks Approved HTML tags. Currently these include the following:
<code> <a> <b> <big> <blockquote> <br /> <dd> <dl> <dt> <em> <font> <h1> <h2> <h3> <h4> <h5> <h6> <hr /> <i> <li> <nbsp> <ol> <p> <small> <strike> <strong> <sub> <sup> <table> <td> <th> <tr> <tt> <u> <ul>
Snippets of code should be wrapped in <code> tags not <pre> tags. In fact, <pre> tags should generally be avoided. If they must be used, extreme care should be taken to ensure that their contents do not have long lines (<70 chars), in order to prevent horizontal scrolling (and possible janitor intervention).
Want more info? How to link or How to display code and escape characters are good places to start.


XP is just a number
	PerlMonks