在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> 如能正确显示,大功告成! |