使用Java Servlet動態產生圖片

來源:互聯網
上載者:User
 在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>

  如能正確顯示,大功告成!

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.