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 request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("image/jpeg"); }} |
我們首先設定了response的contentType為image/jpeg,這樣瀏覽器就可以正確識別。然後,建立一個大小為100x100的BufferedImage對象,準備繪圖:
int width = 100;int height = 100;BufferedImage bi = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); |
接著,BufferedImage對象中擷取Graphics2D對象並繪圖:
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(); |
然後,對BufferedImage進行JPEG編碼:
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();} |
編碼後的JPEG映像直接輸出到了out對象中,我們只要傳入response. getOutputStream()就可以直接輸出到HttpResponse中。
下面是完整的代碼:
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(); } }} |
最後將這個Servlet編譯,註冊到web.xml中,映射路徑為/CreateImage,寫一個簡單的index.html測試:
<html><head></head><body><img src="CreateImage"></body></html> |
如能正確顯示,那麼就大功告成了。