JSP transfers dynamic images

Have you ever thought about sending dynamic images from jsp pages (or Servlets? This tip tells you how to do it. To run the code here, you need a Tomcat or other web server that supports JSP 1.1.

When a web page is sent with the MIME type of image/jpeg (or other image formats), your browser treats the returned result as an image and then displays the image, as part of a page or as an image itself. To set the MIME type for your jsp page, you need to set the contentType attribute of the page:

Then you need to create a BufferedImage to draw your dynamic image:

BufferedImage image = new BufferedImage (width, height, BufferedImage. TYPE_INT_RGB );

After creating a BufferedImage, You need to obtain the graphic environment for drawing, a Graphics or Graphics2D object:

Graphics g = image.getGraphics(); // or Graphics2d g2d = image.createGraphics();

From now on, you can draw the image content. The image environment will be painted to BufferedImage. This image is black at first, so it is a good idea to fill the image with the background color you want. Then, when you complete the image painting, you need to dispose the graphic environment:

g.dispose(); // or g2d.dispose();

Once the image is drawn, you return the image in response. You can use the custom imageencoder class in the non-standard com.sun.image.codec.jpeg package to encode the image, or if you use JDK1.4, you can use the standard ImageIO class. There is a trick when using tranquility imageencoder. You must obtain ServletOutputStream from ServletResponse, instead of using the implied JSP output variable out.

ServletOutputStream sos = response.getOutputStream(); JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(sos); encoder.encode(image); // or ImageIO.write(image, "JPEG", out);

Here there is a scheme from all possibilities (such as g. dispose (); or g2d. dispose ();) selects a complete example. in this example, a random polygon is drawn using a Graphics object, and the image is drawn using JPEGImageEncoder. You can freely set the number of vertices of a polygon to get a more complex shape. In other words, there are more vertices and edges.

To run this example, place the jsp code from "" to an image. in the jsp file, place the file to a location that can be found on your web server. When Tomcat is used, it is the ROOT directory. start Tomcat and access Http: // localhost: 8080/image. jsp

　

<%@ 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); 　　%>