473,394 Members | 1,797 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,394 software developers and data experts.

Dynamic image creation for the web...

Hi,

I would like to create images on the fly as a response to an http request.
I can do this with PIL like this (file create_gif.py):
from PIL import Image, ImageDraw

print 'Status: 200 OK'
print 'Content-type: text/html'
print
print '<HTML><HEAD><TITLE>Python Dynamic Image Creation Test</TITLE></HEAD>'
print '<BODY>'
im = Image.new("P", (600, 400))
draw = ImageDraw.Draw(im)
draw.rectangle((0, 0) + im.size, fill="blue")
im.save("images/tmp.gif");
print '<img src="/scripts/images/tmp.gif">'
print '</BODY>'
However, I would like to 1) avoid saving the image in a file on disk and
2) separate the HTLM code from the python image creation code.

Something like this is what I have in mind:
(file index.html):
<html>
<head><meta HTTP-EQUIV="content-type" CONTENT="text/html; charset=UTF-8">
<title>Python Dynamic Image Creation</title>
</head>
<IMG SRC="/scripts/create_image.py" ALT="Image created on the fly...">
</html>

and in file create_image.py:
from PIL import Image, ImageDraw, ImageFont
im = Image.new("P", (600, 400))
draw = ImageDraw.Draw(im)
draw.rectangle((0, 0) + im.size, fill="blue")
Unfortunately this does not work :-(
What is missing?

Thanks in advance!
/Tompa
Aug 28 '05 #1
5 4358
Tompa wrote:
Hi,

I would like to create images on the fly as a response to an http request.
I can do this with PIL like this (file create_gif.py):
from PIL import Image, ImageDraw

print 'Status: 200 OK'
print 'Content-type: text/html'
print
print '<HTML><HEAD><TITLE>Python Dynamic Image Creation
Test</TITLE></HEAD>' print '<BODY>'
im = Image.new("P", (600, 400))
draw = ImageDraw.Draw(im)
draw.rectangle((0, 0) + im.size, fill="blue")
im.save("images/tmp.gif");
print '<img src="/scripts/images/tmp.gif">'
print '</BODY>'
However, I would like to 1) avoid saving the image in a file on disk and
2) separate the HTLM code from the python image creation code.

Something like this is what I have in mind:
(file index.html):
<html>
<head><meta HTTP-EQUIV="content-type" CONTENT="text/html; charset=UTF-8">
<title>Python Dynamic Image Creation</title>
</head>
<IMG SRC="/scripts/create_image.py" ALT="Image created on the fly...">
</html>

and in file create_image.py:
from PIL import Image, ImageDraw, ImageFont
im = Image.new("P", (600, 400))
draw = ImageDraw.Draw(im)
draw.rectangle((0, 0) + im.size, fill="blue")
Unfortunately this does not work :-(
What is missing?


You are almost there. Your create_image.py does not return anything to the
browser yet.

First return proper HTTP headers, e.g.

sys.stdout.write('Status: 200 OK\r\n')
sys.stdout.write('Content-type: image/gif\r\n')
sys.stdout.write('\r\n')

(Your prints above are mostly equivalent, but do not output the correct \r\n
as line terminator - at least on UNIX style systems. Most webservers
tolarate this, if it's coming from a CGI - but doing it right and not
relying on a certain server behaviour is not bad anyway ;)

Then check the PIL docs to find out, how to output the image to sys.stdout
(instead of writing to a file).

--
Benjamin Niemann
Email: pink at odahoda dot de
WWW: http://www.odahoda.de/
Aug 28 '05 #2
Tompa <to*******@yahoo.com> wrote in
news:ma************************************@python .org:
Hi,

I would like to create images on the fly as a response to an http
request. I can do this with PIL like this (file create_gif.py):
from PIL import Image, ImageDraw


check out sparklines:

http://bitworking.org/projects/sparklines/

It is a script very similar to what you want to do.

The difference between your script and sparklines is mostly that it
sends:

print "Content-type: image/png"

instead of:

print 'Content-type: text/html'
max
Aug 28 '05 #3
Benjamin Niemann <pink <at> odahoda.de> writes:
You are almost there. I don't feel so...
Your create_image.py does not return anything to the
browser yet. Yes, I am aware of that but I do not what to return.
First return proper HTTP headers, e.g.

sys.stdout.write('Status: 200 OK\r\n')
sys.stdout.write('Content-type: image/gif\r\n')
sys.stdout.write('\r\n')
Ok, but if possible I'd rather not return anything HTTP/HTML-related from my
create_image.py file.
Then check the PIL docs to find out, how to output the image to sys.stdout
(instead of writing to a file).

Ok, then I get this:

from PIL import Image, ImageDraw
import sys

im = Image.new("P", (600, 400))
draw = ImageDraw.Draw(im)
draw.rectangle((0, 0) + im.size, fill="blue")

sys.stdout.write('Status: 200 OK\r\n')
sys.stdout.write('Content-type: image/gif\r\n')
sys.stdout.write('\r\n')

im.save(sys.stdout, "GIF")

But this does not work.
I also tested to skip the HTTP-header stuff and just write the gif to
sys.stdout, believing that that would work. But not so...

Hmm, I'm a newbie to Python (as you already probably have noticed ;-) so I
don't know what else I should try. Any hints are welcome!

/Tompa
Aug 28 '05 #4
Max Erickson <maxerickson <at> gmail.com> writes:

check out sparklines:

http://bitworking.org/projects/sparklines/

It is a script very similar to what you want to do.


This sure looks interesting! Strange that I couldn't find this when I googled
for this kind of stuff...
I will check it out - thanks!

Regards,
/Tompa
Aug 28 '05 #5
Tompa wrote:
Benjamin Niemann <pink <at> odahoda.de> writes:
You are almost there. I don't feel so...
Your create_image.py does not return anything to the
browser yet.

Yes, I am aware of that but I do not what to return.
First return proper HTTP headers, e.g.

sys.stdout.write('Status: 200 OK\r\n')
sys.stdout.write('Content-type: image/gif\r\n')
sys.stdout.write('\r\n')


Ok, but if possible I'd rather not return anything HTTP/HTML-related from
my create_image.py file.


When the browser fetches the images for displaying, it performs just another
HTTP request, and you must reply with a valid HTTP response. The
Content-type header is the absolute minimum that must always be returned.
(IIRC the 'Status' can be omitted, if it's 200).
Then check the PIL docs to find out, how to output the image to
sys.stdout (instead of writing to a file).

Ok, then I get this:

from PIL import Image, ImageDraw
import sys

im = Image.new("P", (600, 400))
draw = ImageDraw.Draw(im)
draw.rectangle((0, 0) + im.size, fill="blue")

sys.stdout.write('Status: 200 OK\r\n')
sys.stdout.write('Content-type: image/gif\r\n')
sys.stdout.write('\r\n')

im.save(sys.stdout, "GIF")

But this does not work.
I also tested to skip the HTTP-header stuff and just write the gif to
sys.stdout, believing that that would work. But not so...


Works perfectly here...
What does the error.log of the webserver say?
Hmm, I'm a newbie to Python (as you already probably have noticed ;-) so I
don't know what else I should try. Any hints are welcome!

/Tompa


--
Benjamin Niemann
Email: pink at odahoda dot de
WWW: http://www.odahoda.de/
Aug 28 '05 #6

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

5
by: dickseacup | last post by:
Is there a way to generate a dynamic image, passing an array (of arrays) to the image creation script, such that it displays along with text on a php generated HTML page? I either get header...
2
by: macbul | last post by:
(C++ Builder 6.0 enterprise) I tried to create a TImage component by using this source code: // ---
2
by: ng5000 | last post by:
Hi, I'm new to ASP.Net (first looked at it 2 days ago). All I want to do is create a user's web page that displays data from a database in the form of a bespoke display (e.g picture of a...
2
by: jmgopi | last post by:
Hi: Can somebody provide me samples on how to create a dynamic CollapsiblePanel using ASP.NET AJAX Toolkit. Any points are highly appreciated. Thanks, GJM
4
by: vamshiv | last post by:
hi...im working on asp.net with VB i have created a database which hav fields id,name,image path in web form i hav written code for creation of image buttons dynamically i hav connected the form...
7
by: dino d. | last post by:
Hi- I want to create a dynamic image with areas so that when the user clicks different areas, the user jumps to those pages. The problem is, I can't seem to figure out how to do this efficiently....
0
by: rbkreddy | last post by:
hello, i have created dynamic report using c#. in the header section i am trying to place a dynamic image. here where i am exprience a problem for the first page i am getting the image but for the...
4
by: Jonathan Wood | last post by:
I've figured out how to create an image on the fly on my Website. Once created, I write the image to the page using code like this: Bitmap bm = Response.ContentType = "image/jpeg";...
1
by: neovantage | last post by:
Hey all, I am using a PHP script which creates headings at run time in a sense at page execution. I am stuck a with a very little problem which i am sure i will have the solution from experts. ...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.