从jsp发送动态图像
程序员文章站
2023-12-15 15:18:10
你是否曾经想过从jsp页面(或者servlet)中发送动态产生的图像?这篇技巧告诉你如何做。要运行这里的代码...
你是否曾经想过从jsp页面(或者servlet)中发送动态产生的图像?这篇技巧告诉你如何做。要运行这里的代码,你需要一个tomcat或者其他支持jsp 1.1的web服务器。
当一个web页面带有image/jpeg (或者其他的图像格式)的mime类型被发送时,你的浏览器将那个返回结果当作一个图像,然后浏览器显示图像,作为页面的一部分或者完全作为图像自身。要为你的jsp页面设置mime类型,你需要设置页面的contenttype属性:
<%@ page contenttype="image/jpeg" ... %>
然后你需要创建一个bufferedimage绘制你的动态图像:
bufferedimage image = new bufferedimage(width,
height, bufferedimage.type_int_rgb);
创建完一个bufferedimage后,你需要得到图形环境进行绘制,一个graphics或者graphics2d对象:
graphics g = image.getgraphics();
// or
graphics2d g2d = image.creategraphics();
从现在起你就可以绘制图像内容了。对图形环境绘制就会画到bufferedimage。最开始这个图像都是黑色的,因此用你希望的背景颜色填充图像是一个不错的主意,然后,当你完成图像的绘制,你需要dispose图形环境:
g.dispose();
// or
g2d.dispose();
一旦完成图像的绘制,你在response中返回那个图像。你可以使用非标准的com.sun.image.codec.jpeg包中的jpegimageencoder类编码图像,或者如果你使用jdk1.4,你可以使用标准的imageio类。在使用jpegimageencoder时有一个技巧,你必须从servletresponse取来servletoutputstream而不能使用隐含的jsp输出变量out。
servletoutputstream sos = response.getoutputstream();
jpegimageencoder encoder =
jpegcodec.createjpegencoder(sos);
encoder.encode(image);
// or
imageio.write(image, "jpeg", out);
这里有一个从所有的可能方案中(例如g.dispose();或者g2d.dispose();)选取的一个完整的范例.这个例子使用graphics对象绘制一个随机的多边形,图像通过jpegimageencoder绘制,你可以*设置多边形的顶点数得到更复杂的形状,换言之,有更多顶点和边。
要运行这个范例,将从"<%@"到最后一个"%>"之间的jsp代码放到一个名为image.jsp的文件中,将那个文件放到你的web服务器可以找到的地方,在使用tomcat的情况下是root目录,启动tomcat,访问http://localhost:8080/image.jsp.
<%@ page contenttype="image/jpeg"
import="java.awt.*,java.awt.image.*,
com.sun.image.codec.jpeg.*,java.util.*"
%>
<%
// create image
int width=200, height=200;
bufferedimage image = new bufferedimage(width,
height, bufferedimage.type_int_rgb);
// get drawing context
graphics g = image.getgraphics();
// fill background
g.setcolor(color.white);
g.fillrect(0, 0, width, height);
// create random polygon
polygon poly = new polygon();
random random = new random();
for (int i=0; i < 5; i++) {
poly.addpoint(random.nextint(width),
random.nextint(height));
}
// fill polygon
g.setcolor(color.cyan);
g.fillpolygon(poly);
// dispose context
g.dispose();
// send back image
servletoutputstream sos = response.getoutputstream();
jpegimageencoder encoder =
jpegcodec.createjpegencoder(sos);
encoder.encode(image);
%>