在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>
如能正確顯示,大功告成!
posted on 2007-12-02 17:11
jadmin 閱讀(84)
評論(0) 編輯 收藏