使用Servlet动态生成图片

在Web应用中,经常需要动态生成图片,比如实时股市行情,各种统计图等等,这种情况下,图片只能在服务器内存中动态生成并发送给用户,然后在浏览器中显示出来。

本质上,浏览器向服务器请求静态图片如jpeg时,服务器返回的仍然是标准的http响应,只不过http头的contentType不是text/html,而是image/jpeg而已,因此,我们在Servlet中只要设置好contentType,然后发送图像的数据流,浏览器就能正确解析并显示出图片。

在Java中,java.awt和java.awt.image包提供了基本的绘制图像的能力,我们可以在内存中绘制好需要的图形,然后编码成jpeg或其他图像格式,最后发送相应给浏览器即可。下面是使用Servlet动态创建图像的详细步骤:

1.创建BufferedImage对象,该对象存在内存中,负责保存绘制的图像;
2.创建Graphics2D对象,该对象负责绘制所需的图像;
3.当绘制完成后,调用 com.sun.image.codec.jpeg包的JPEG编码器对其编码;
4.最后将编码后的数据输出至HttpResponse即可。

注意com.sun.image.codec.jpeg包位于JDK目录的 rt.jar包中,它不是公开的API,需要将rt.jar复制到web应用程序的WEB-INF/lib下。

我们先创建一个最简单的Servlet:

publicclassCreateImageServletextendsHttpServlet{
protectedvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)
throwsServletException,IOException
{
response.setContentType("image/jpeg");
}
}


我们首先设置了response的contentType为 image/jpeg,这样浏览器就可以正确识别。

然后,创建一个大小为100x100的BufferedImage对象,准备绘图:

intwidth=100;
intheight=100;
BufferedImagebi=newBufferedImage(width,height,BufferedImage.TYPE_INT_RGB);


接着,BufferedImage对象中获取Graphics2D对象并绘图:

Graphics2Dg=bi.createGraphics();//创建Graphics2D对象
//填充背景为白色:
g.setBackground(Color.BLUE);
g.clearRect(0,0,width,height);
//设置前景色:
g.setColor(Color.RED);
//开始绘图:
g.drawLine(0,0,99,99);//绘制一条直线
//绘图完成,释放资源:
g.dispose();
bi.flush();


然后,对BufferedImage进行JPEG编码:

JPEGImageEncoderencoder=JPEGCodec.createJPEGEncoder(out);
JPEGEncodeParamparam=encoder.getDefaultJPEGEncodeParam(bi);
param.setQuality(1.0f,false);
encoder.setJPEGEncodeParam(param);
try{
encoder.encode(bi);
}
catch(IOExceptionioe){
ioe.printStackTrace();
}


编码后的JPEG图像直接输出到了out对象中,我们只要传入response.getOutputStream()就可以直接输出到HttpResponse中。

下面是完整的代码:

packagecom.crackj2ee.web.util;

importjava.io.*;
importjava.awt.*;
importjava.awt.image.*;

importjavax.servlet.*;
importjavax.servlet.http.*;

importcom.sun.image.codec.jpeg.*;

/**
*@authorLiaoXueFeng
*/
publicclassCreateImageServletextendsHttpServlet{

protectedvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)
throwsServletException,IOException
{
response.setContentType("image/jpeg");
createImage(response.getOutputStream());
}

privatevoidcreateImage(OutputStreamout){
intwidth=100;
intheight=100;
BufferedImagebi=newBufferedImage(width,height,BufferedImage.TYPE_INT_RGB);
Graphics2Dg=bi.createGraphics();
//setbackground:
g.setBackground(Color.BLUE);
g.clearRect(0,0,width,height);
//setforecolor:
g.setColor(Color.RED);
//startdraw:
g.drawLine(0,0,99,199);
//enddraw:
g.dispose();
bi.flush();
//encode:
JPEGImageEncoderencoder=JPEGCodec.createJPEGEncoder(out);
JPEGEncodeParamparam=encoder.getDefaultJPEGEncodeParam(bi);
param.setQuality(1.0f,false);
encoder.setJPEGEncodeParam(param);
try{
encoder.encode(bi);
}
catch(IOExceptionioe){
ioe.printStackTrace();
}
}
}


最后将这个Servlet编译,注册到web.xml中,映射路径为/CreateImage,写一个简单的index.html测试:

<html><head></head>
<body>
<imgsrc="CreateImage">
</body></html>


如能正确显示,大功告成!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值