頁面(或者servlet)中發送動態產生的圖像?這篇技巧告訴你如何做。要運行這裡的代碼,你需要一個Tomcat或者其他支持JSP 1.1的web服務器。
當一個web頁面帶有image/jpeg (或者其他的圖像格式)的MIME類型被發送時,你的浏覽器將那個返回結果當作一個圖像,然後浏覽器顯示圖像,作為頁面的一部分或者完全作為圖像自身。要為你的jsp頁面設置MIME類型,你需要設置頁面的contentType屬性:
然後你需要創建一個BufferedImage繪制你的動態圖像:
BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
創建完一個BufferedImage後,你需要得到圖形環境進行繪制,一個Graphics或者Graphics2D對象:
Graphics g = image.getGraphics();
// or
Graphics2d g2d = image.createGraphics();
從現在起你就可以繪制圖像內容了。對圖形環境繪制就會畫到BufferedImage。最開始這個圖像都是黑色的,因此用你希望的背景顏色填充圖像是一個不錯的主意,然後,當你完成圖像的繪制,你需要dispose圖形環境:
g.dispose();
// or
g2d.dispose();
一旦完成圖像的繪制,你在response中返回那個圖像。你可以使用非標准的com.sun.image.codec.jpeg包中的JPEGImageEncoder類編碼圖像,或者如果你使用JDK1.4,你可以使用標准的ImageIO類。在使用JPEGImageEncoder時有一個技巧,你必須從ServletResponse取來ServletOutputStream而不能使用隱含的JSP輸出變量out。
ServletOutputStream sos = response.getOutputStream();
JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(sos);
encoder.encode(image);
// or
ImageIO.write(image, "JPEG", out);
這裡有一個從所有的可能方案中(例如g.dispose();或者g2d.dispose();)選取的一個完整的范例.這個例子使用Graphics對象繪制一個隨機的多邊形,圖像通過JPEGImageEncoder繪制,你可以自由設置多邊形的頂點數得到更復雜的形狀,換言之,有更多頂點和邊。
要運行這個范例,將從""之間的jsp代碼放到一個名為image.jsp的文件中,將那個文件放到你的web服務器可以找到的地方,在使用Tomcat的情況下是ROOT目錄,啟動Tomcat,訪問http://localhost:8080/image.jsp
<%@ page contentType="image/jpeg"