站内搜索: 请输入搜索关键词

当前页面: 开发资料首页JSP 专题怎样使用Java Servlet动态生成图片详解

怎样使用Java Servlet动态生成图片详解

摘要: 怎样使用Java 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:

<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>
public class CreateImageServlet

extends HttpServlet

{

 protected void doGet

(HttpServletRequest request,

HttpServletResponse response)

 throws ServletException,

IOException

 {

  response.setContentType

("image/jpeg");

 }

}
</td></tr></table>


我们首先设置了response的contentType为image/jpeg,这样浏览器就可以正确识别。然后,创建一个大小为100x100的BufferedImage对象,准备绘图:

<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>
int width = 100;

int height = 100;

BufferedImage bi =

new BufferedImage(width, height,

BufferedImage.TYPE_INT_RGB);
</td></tr></table>


接着,BufferedImage对象中获取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>
Graphics2D g = 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();
</td></tr></table>


然后,对BufferedImage进行JPEG编码:

<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>
JPEGImageEncoder encoder

= JPEGCodec.createJPEGEncoder(out);

JPEGEncodeParam param

= encoder.getDefaultJPEGEncodeParam(bi);

param.setQuality(1.0f, false);

encoder.setJPEGEncodeParam(param);

try

{

 encoder.encode(bi);

}

catch(IOException ioe)

{

 ioe.printStackTrace();

}
</td></tr></table>


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

下面是完整的代码:

<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>
package com.crackj2ee.web.util;

import java.io.*;

import java.awt.*;

import java.awt.image.*;

import javax.servlet.*;

import javax.servlet.http.*;

import com.sun.image.codec.jpeg.*;

/**

* @author Liao Xue Feng

*/

public class CreateImageServlet

extends HttpServlet

{

 protected void doGet

(HttpServletRequest request,

HttpServletResponse response)

 throws ServletException,

IOException

 {

  response.setContentType

("image/jpeg");

  createImage(response.getOutputStream());

 }

 private void createImage(OutputStream out)

{

  int width = 100;

  int height = 100;

  BufferedImage bi =

new BufferedImage(width, height,

BufferedImage.TYPE_INT_RGB);

  Graphics2D g = bi.createGraphics();

  // set background:

  g.setBackground(Color.BLUE);

  g.clearRect(0, 0, width, height);

  // set fore color:

  g.setColor(Color.RED);

  // start draw:

  g.drawLine(0, 0, 99, 199);

  // end draw:

  g.dispose();

  bi.flush();

  // encode:

  JPEGImageEncoder encoder

= JPEGCodec.createJPEGEncoder(out);

  JPEGEncodeParam param

= encoder.getDefaultJPEGEncodeParam(bi);

  param.setQuality(1.0f, false);

  encoder.setJPEGEncodeParam(param);

  try {

   encoder.encode(bi);

  }

  catch(IOException ioe) {

   ioe.printStackTrace();

  }

 }

}
</td></tr></table>


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

<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>
<html><head></head>

<body>

<img src="CreateImage">

</body></html>
</td></tr></table>


如能正确显示,那么就大功告成了。

</td> </tr> <tr> <td vAlign=top align=left height="100%">
↑返回目录
前一篇: jsp+javabean开发模式下,数据库sql语句的编写规范
后一篇: JSP入门初级教程目录