如何從JSP頁面傳送動態圖片
要運行本文的代碼,你需要一個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對象:
<table cellSpacing=0 borderColorDark=#ffffff cellPadding=2 width=400 |
從現在起你就可以繪制圖像內容了。對圖形環境繪制就會畫到BufferedImage。最開始這個圖像都是黑色的,因此用你希望的背景顏色填充圖像是一個不錯的主意,然后,當你完成圖像的繪制,你需要dispose圖形環境:
<table cellSpacing=0 borderColorDark=#ffffff cellPadding=2 width=400 |
一旦完成圖像的繪制,你在response中返回那個圖像。你可以使用非標準的com.sun.image.codec.jpeg包中的JPEGImageEncoder類編碼圖像,或者如果你使用JDK1.4,你可以使用標準的ImageIO類。在使用JPEGImageEncoder時有一個技巧,你必須從ServletResponse取來ServletOutputStream而不能使用隱含的JSP輸出變量out。
<table cellSpacing=0 borderColorDark=#ffffff cellPadding=2 width=400 |
這里有一個從所有的可能方案中(例如g.dispose();或者g2d.dispose();)選取的一個完整的范例.這個例子使用Graphics對象繪制一個隨機的多邊形,圖像通過JPEGImageEncoder繪制,你可以自由設置多邊形的頂點數得到更復雜的形狀,換言之,有更多頂點和邊。
要運行這個范例,將從""之間的jsp代碼放到一個名為image.jsp的文件中,將那個文件放到你的web服務器可以找到的地方,在使用Tomcat的情況下是ROOT目錄,啟動Tomcat,訪問http://localhost:8080/image.jsp
<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> <%@ page contentType="image/jpeg" import="java.awt.*,java.awt.image.*, com.sun.image.codec.jpeg.*,java.util.*" %> <% // Create image int width=200, height=200; BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); // Get drawing context Graphics g = image.getGraphics(); // Fill background g.setColor(Color.white); g.fillRect(0, 0, width, height); // Create random polygon Polygon poly = new Polygon(); Random random = new Random(); for (int i=0; i < 5; i++) { poly.addPoint(random.nextInt(width), random.nextInt(height)); } // Fill polygon g.setColor(Color.cyan); g.fillPolygon(poly); // Dispose context g.dispose(); // Send back image ServletOutputStream sos = response.getOutputStream(); JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(sos); encoder.encode(image); %>
【編輯推薦】