如何从JSP页面传送动态图片

最新推荐文章于 2020-11-14 03:54:57 发布

wangdabin_1216

最新推荐文章于 2020-11-14 03:54:57 发布

阅读量696

点赞数

本文链接：https://blog.youkuaiyun.com/wangdabin_1216/article/details/8113762

版权

本文介绍了如何在JSP页面中生成动态图像并将其发送给浏览器。通过设置contentType属性为image/jpeg，创建BufferedImage，使用Graphics进行绘制，最后通过JPEGImageEncoder或ImageIO编码并返回给响应。示例代码展示了绘制随机多边形的动态图像过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

要运行本文的代码，你需要一个Tomcat或者其他支持JSP 1.1的Web服务器。

当一个Web页面带有image/jpeg (或者其他的图像格式)的MIME类型被发送时，你的浏览器将那个返回结果当作一个图像，然后浏览器显示图像，作为页面的一部分或者完全作为图像自身。要为你的jsp页面设置MIME类型，你需要设置页面的contentType属性：

然后你需要创建一个BufferedImage绘制你的动态图像：

BufferedImage image = new BufferedImage(width, height,BufferedImage.TYPE_INT_RGB);

创建完一个BufferedImage后，你需要得到图形环境进行绘制，一个Graphics或者Graphics2D对象：

＜table cellSpacing=0 borderColorDark=#ffffff cellPadding=2 width=400 
align=center borderColorLight=black border=1＞ ＜tr＞ ＜td class=code style="FONT-SIZE: 9pt" bgColor=#e6e6e6＞ Graphics g = image.getGraphics(); // or Graphics2d g2d = image.createGraphics();＜/td＞＜/tr＞ ＜/table＞

从现在起你就可以绘制图像内容了。对图形环境绘制就会画到BufferedImage。最开始这个图像都是黑色的，因此用你希望的背景颜色填充图像是一个不错的主意，然后，当你完成图像的绘制，你需要dispose图形环境：

＜table cellSpacing=0 borderColorDark=#ffffff cellPadding=2 width=400 
align=center borderColorLight=black border=1＞
＜tr＞ ＜td class=code style="FONT-SIZE: 9pt" bgColor=#e6e6e6＞
g.dispose();
// or
g2d.dispose();＜/td＞＜/tr＞
＜/table＞

一旦完成图像的绘制，你在response中返回那个图像。你可以使用非标准的com.sun.image.codec.jpeg包中的JPEGImageEncoder类编码图像，或者如果你使用JDK1.4，你可以使用标准的ImageIO类。在使用JPEGImageEncoder时有一个技巧，你必须从ServletResponse取来ServletOutputStream而不能使用隐含的JSP输出变量out。

＜table cellSpacing=0 borderColorDark=#ffffff cellPadding=2 width=400 
align=center borderColorLight=black border=1＞
＜tr＞ ＜td class=code style="FONT-SIZE: 9pt" bgColor=#e6e6e6＞
ServletOutputStream sos = response.getOutputStream();
JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(sos);
encoder.encode(image);
// or
ImageIO.write(image, "JPEG", out);＜/td＞＜/tr＞
＜/table＞

这里有一个从所有的可能方案中(例如g.dispose()；或者g2d.dispose()；)选取的一个完整的范例.这个例子使用Graphics对象绘制一个随机的多边形，图像通过JPEGImageEncoder绘制，你可以自由设置多边形的顶点数得到更复杂的形状，换言之，有更多顶点和边。

要运行这个范例，将从""之间的jsp代码放到一个名为image.jsp的文件中，将那个文件放到你的web服务器可以找到的地方，在使用Tomcat的情况下是ROOT目录，启动Tomcat，访问http://localhost:8080/image.jsp

 ＜table cellSpacing=0 borderColorDark=#ffffff cellPadding=2 width=400 align=center borderColorLight=black border=1＞ ＜tr＞ ＜td class=code style="FONT-SIZE: 9pt" bgColor=#e6e6e6＞ 　＜%@ 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