萬盛學電腦網

 萬盛學電腦網 >> 網絡編程 >> jsp編程 >> 怎樣使用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:

 

public class CreateImageServlet extends HttpServlet { protected void doGet(HttpServletRequest reque
st, HttpServletResponse response) throws ServletException, IOException {  response.setContentTy
pe("image/jpeg"); }}



我們首先設置了response的contentType為image/jpeg,這樣浏覽器就可以正確識別。然後,創建一個大小為100x100的BufferedImage對象,准備繪圖:

 

int width = 100;int height = 100;BufferedImage bi = new BufferedImage(width, height, BufferedImage.TY
PE_INT_RGB);



接著,BufferedImage對象中獲取Graphics2D對象並繪圖:

 

Graphics2D g = bi.createGraphics();// 創建Graphics2D對象// 填充背景為白色:g.setBackground(Color.BL
UE);g.clearRect(0, 0, width, height);// 設置前景色:g.setColor(Color.RED);// 開始繪圖:g.drawLine(0, 0, 9
9, 99);// 繪制一條直線// 繪圖完成,釋放資源:g.dispose();bi.flush();



然後,對BufferedImage進行JPEG編碼:

 

JPEGImageEncoder encoder= JPEGCodec.createJPEGEncoder(out);JPEGEncodeParam param = encoder.ge
tDefaultJPEGEncodeParam(bi);param.setQuality(1.0f, false);encoder.setJPEGEncodeParam(param);try{ enco
der.encode(bi);}catch(IOException ioe){ ioe.printStackTrace();}



編碼後的JPEG圖像直接輸出到了out對象中,我們只要傳入response. getOutputStream()就可以直接輸出到HttpResponse中。

下面是完整的代碼:

 

package com.crackj2ee.web.util;import java.io.*;import java.awt.*;import java.awt.image.*;import javax.ser
vlet.*;import javax.servlet.http.*;import com.sun.image.codec.jpeg.*;/*** @author Liao Xue Feng*/public cla
ss CreateImageServlet extends HttpServlet{ protected void doGet(HttpServletRequest request, HttpServlet
Response response) throws ServletException,IOException {  response.setContentType("image/jp
eg");  createImage(response.getOutputStream()); } private void createImage(OutputStream ou
t){  int width = 100;  int height = 100;  BufferedImage bi = new BufferedImage(width, heig
ht, BufferedImage.TYPE_INT_RGB);  Graphics2D g = bi.createGraphics();  // set background:  g.setB
ackground(Color.BLUE);  g.clearRect(0, 0, width, height);  // set fore color:  g.setColor(Color.R
ED);  // start draw:  g.drawLine(0, 0, 99, 199);  // end draw:  g.dispose();  bi.flush();  // enc
ode:  JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(out);  JPEGEncodeParam par
am = encoder.getDefaultJPEGEncodeParam(bi);  param.setQuality(1.0f, false);  encoder.setJPEGEn
codeParam(param);  try {   encoder.encode(bi);  }  catch(IOException ioe) {   ioe.printStackTrace();  } }}



最後將這個Servlet編譯,注冊到web.xml中,映射路徑為/CreateImage,寫一個簡單的index.html測試:

 

<html><head></head><body><img src="CreateImage"></body></html>



如能正確顯示,那麼就大功告成了。

copyright © 萬盛學電腦網 all rights reserved