偶然知道原來有些網站的驗證碼圖片都是隨機生成的,後來聽人講了一下,就做了這個小例子
生成圖片,繪制背景,數字,干擾線用到了java.awt包,主要使用BufferedImage來生成圖片,然後使用Graphics對象來繪制內容。
代碼如下:
1 package com.util; 2 3 import java.awt.Color; 4 import java.awt.Graphics; 5 import java.awt.image.BufferedImage; 6 import java.util.Random; 7 8 public class ImageCodeUtil { 9 10 public static BufferedImage getImage(){ 11 Random r = new Random(); 12 //1.創建一個bufferedimage對象 13 BufferedImage image = new BufferedImage(60, 20, BufferedImage.TYPE_INT_RGB); 14 //2.繪制長方形 15 Graphics g = image.getGraphics(); 16 g.setColor(new Color(233, 222, 220)); 17 g.fillRect(0, 0, 60, 20); 18 //3.繪制干擾線 19 for(int i = 0;i < 200;i++){ 20 g.setColor(new Color(40+r.nextInt(200),40+r.nextInt(200),40+r.nextInt(200))); 21 int x = r.nextInt(50); 22 int y = r.nextInt(20); 23 g.drawLine(x,y, x+r.nextInt(20), y+r.nextInt(15)); 24 } 25 //4.寫四位數字 26 g.setColor(new Color(23, 22, 20)); 27 int checkCode = r.nextInt(9000)+1000; 28 g.drawString(checkCode+"", 15, 15); 29 //關閉Graphics對象,釋放資源 30 g.dispose(); 31 return image; 32 } 33 34 }
這是生成圖片,在網頁顯示中,用img標簽就可以,通過servlet請求圖片資源,代碼如下:
1 <img alt="" src="check">
最後在servlet代碼中響應浏覽器發來的請求,將圖片資源發送到浏覽器,代碼如下:
package com.controller; import java.awt.image.BufferedImage; import java.io.IOException; import javax.imageio.ImageIO; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import com.util.ImageCodeUtil; /** * Servlet implementation class CheckCodeServlet */ @WebServlet("/check") public class CheckCodeServlet extends HttpServlet { private static final long serialVersionUID = 1L; /** * @see HttpServlet#HttpServlet() */ public CheckCodeServlet() { super(); // TODO Auto-generated constructor stub } /** * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) */ protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub //設置返回類型 response.setContentType("image/jpeg"); //生成驗證碼圖片用到了java.awt包 BufferedImage image = ImageCodeUtil.getImage(); //將image通過outputStream返回 ImageIO.write(image, "JPEG", response.getOutputStream()); } }
以上只是每一次刷新頁面請求服務的時候驗證碼才會刷新,可以加入js代碼注冊點擊事件,使之可以點擊驗證碼圖片就可以更換,代碼如下:
注:此處我使用的jq
$("img").click(function(){ $(this).attr("src","/ServletTest/check?a="+new Date().getMilliseconds()); });
至此,驗證碼的效果已經實現。具體在頁面上的美觀顯示,在網頁上通過css重新修飾一下。