快捷導(dǎo)航

java圖片驗(yàn)證碼生成教程詳解

更新時(shí)間：2016年07月25日 10:29:42 作者：qq_26525215

這篇文章主要為大家詳細(xì)介紹了java圖片驗(yàn)證碼生成教程，從簡(jiǎn)單到復(fù)雜，從本地到前后臺(tái)，感興趣的小伙伴們可以參考一下

我們先來看本地如何生成圖片驗(yàn)證碼的，再來寫輸出到網(wǎng)頁的驗(yàn)證碼如何實(shí)現(xiàn)。

先來看最簡(jiǎn)單的—實(shí)現(xiàn)的功能是，將一個(gè)字符串變成圖片寫入到文件中

實(shí)現(xiàn)代碼：

package cn.hncu.img;

import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;

import javax.imageio.ImageIO;
//該類包含一些用來查找 ImageReader 和 ImageWriter 以及執(zhí)行簡(jiǎn)單編碼和解碼的靜態(tài)便捷方法。

import org.junit.Test;

public class ImgDemo {

 //學(xué)習(xí)如何把一個(gè)字符串變成圖片寫到一個(gè)文件
 @Test
 public void ImgDemo1() throws FileNotFoundException, IOException{
 BufferedImage img = new BufferedImage(60, 30, BufferedImage.TYPE_INT_RGB);
 // 表示一個(gè)圖像，它具有合成整數(shù)像素的 8 位 RGB 顏色分量。
 Graphics g = img.getGraphics();
 g.drawString("Hello",10,20);
 //使用此圖形上下文的當(dāng)前字體和顏色繪制由指定 string 給定的文本。最左側(cè)字符的基線位于此圖形上下文坐標(biāo)系的 (x, y) 位置處。
 g.dispose();////類似于流中的close()帶動(dòng)flush()---把數(shù)據(jù)刷到img對(duì)象當(dāng)中
 //釋放此圖形的上下文以及它使用的所有系統(tǒng)資源。調(diào)用 dispose 之后，就不能再使用 Graphics 對(duì)象。 
 ImageIO.write(img, "JPG", new FileOutputStream("img/a.jpg"));
 //使用支持給定格式的任意 ImageWriter 將一個(gè)圖像寫入 File。
 }

}

結(jié)果：

上面那個(gè)很簡(jiǎn)單，對(duì)不對(duì)，我們看到的驗(yàn)證碼都不是這樣的，那好，我們給它加點(diǎn)干擾線，背景色，字符和y坐標(biāo)隨機(jī)生成。

有干擾線、背景色的驗(yàn)證碼-寫入文件

演示代碼：

package cn.hncu.img;

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.util.Date;
import java.util.Random;

import javax.imageio.ImageIO;
//該類包含一些用來查找 ImageReader 和 ImageWriter 以及執(zhí)行簡(jiǎn)單編碼和解碼的靜態(tài)便捷方法。

import org.junit.Test;

public class ImgDemo {
 //把上面的字符串改成我們平時(shí)用的驗(yàn)證碼---生成幾個(gè)隨機(jī)數(shù)字，有背景色和干擾線
 @Test
 public void ImgDemo2() throws FileNotFoundException, IOException{
 int width = 80;
 int height= 40;
 int lines = 10;
 BufferedImage img = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);

 Graphics g = img.getGraphics();

 //設(shè)置背景色
 g.setColor(Color.white);
 g.fillRect(0, 0, width, height);//畫背景
 //填充指定的矩形。使用圖形上下文的當(dāng)前顏色填充該矩形

 //設(shè)置字體
 g.setFont(new Font("宋體", Font.BOLD, 18));

 //隨機(jī)數(shù)字
 Date d = new Date();
 //System.out.println(d.getTime());
 Random r = new Random(d.getTime());
 for(int i=0;i<4;i++){
  int a = r.nextInt(10);//取10以內(nèi)的整數(shù)[0，9]
  int y = 10+r.nextInt(20); //10~30范圍內(nèi)的一個(gè)整數(shù)，作為y坐標(biāo)
  Color c = new Color(r.nextInt(255), r.nextInt(255), r.nextInt(255));
  g.setColor(c);
  g.drawString(""+a, 5+i*width/4, y);
 }
 //干擾線
 for(int i=0;i<lines;i++){
  Color c = new Color(r.nextInt(255), r.nextInt(255), r.nextInt(255));
  g.setColor(c);
  g.drawLine(r.nextInt(width), r.nextInt(height), r.nextInt(width), r.nextInt(height));
 }

 g.dispose();//類似于流中的close()帶動(dòng)flush()---把數(shù)據(jù)刷到img對(duì)象當(dāng)中
 ImageIO.write(img, "JPG", new FileOutputStream("img/b.jpg"));

 }


}

演示結(jié)果：

最后來看一個(gè)可以旋轉(zhuǎn)和放縮的驗(yàn)證碼-寫到圖片本地文件中

演示代碼：

package cn.hncu.img;

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.geom.AffineTransform;
import java.awt.image.BufferedImage;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.util.Date;
import java.util.Random;

import javax.imageio.ImageIO;
//該類包含一些用來查找 ImageReader 和 ImageWriter 以及執(zhí)行簡(jiǎn)單編碼和解碼的靜態(tài)便捷方法。

import org.junit.Test;

public class ImgDemo {
 @Test//可以旋轉(zhuǎn)和放縮的驗(yàn)證碼
 public void ImgDemo3() throws FileNotFoundException, IOException{
 int width = 80;
 int height = 40;
 int lines = 10;
 BufferedImage img = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
 Graphics2D g2d = (Graphics2D)img.getGraphics();

 g2d.setFont(new Font("宋體", Font.BOLD, 20));


 Random r = new Random(new Date().getTime());

 //設(shè)置背景色
 g2d.setColor(new Color(r.nextInt(255), r.nextInt(255), r.nextInt(255)));
 g2d.drawRect(0, 0, width, height);//繪制指定矩形的邊框。
 g2d.setColor(new Color(r.nextInt(255), r.nextInt(255), r.nextInt(255)));
 g2d.fillRect(0, 0, width, height);//填充指定的矩形。

 for(int i=0;i<4;i++){
  String str = ""+r.nextInt(10);

  //處理旋轉(zhuǎn)
  AffineTransform Tx = new AffineTransform();
  Tx.rotate(Math.random(), 5+i*15, height-5);
  //用弧度測(cè)量的旋轉(zhuǎn)角度,旋轉(zhuǎn)錨點(diǎn)的 X 坐標(biāo),旋轉(zhuǎn)錨點(diǎn)的 Y 坐標(biāo)
  //Tx.scale(0.7+Math.random(), 0.7+Math.random());
  //x坐標(biāo)方向的縮放倍數(shù)，y坐標(biāo)方向的縮放倍數(shù)
  g2d.setTransform(Tx);
  Color c = new Color(r.nextInt(255), r.nextInt(255), r.nextInt(255));
  g2d.setColor(c);
  g2d.drawString(str, 2+i*width/4, height-13);
 }

 //干擾線
 for(int i=0;i<lines;i++){
  Color c = new Color(r.nextInt(255), r.nextInt(255), r.nextInt(255));
  g2d.setColor(c);
  g2d.drawLine(r.nextInt(width), r.nextInt(height), r.nextInt(width), r.nextInt(height));
 }

 g2d.dispose();

 ImageIO.write(img, "JPG", new FileOutputStream("img/c.jpg"));
 }
}

演示結(jié)果：

下面就要開始演示前臺(tái)的圖片驗(yàn)證技術(shù)了。

前臺(tái)的圖片驗(yàn)證技術(shù)

這個(gè)項(xiàng)目的結(jié)構(gòu)圖：

index.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
 <script type="text/javascript">
 function changImg(){
  var img = document.getElementById("servletImg");
  var d = new Date();
  var time = d.getTime();//如果沒有這個(gè)
  //下面這一句不會(huì)起作用，因?yàn)闉g覽器的緩存技術(shù)，圖片并不會(huì)刷新
  //img.src="/myHelloWeb/servlet/ImageServlet";
  img.src="/myHelloWeb/servlet/ImageServlet?"+time;
  //?號(hào)后面的東西是通過get方式傳遞的
 }

 </script>
 </head>

 <body>
 這是我的手動(dòng)主頁！
 <br/>
 <img id="servletImg" src="/myHelloWeb/servlet/ImageServlet" /><a href="javascript:changImg()">看不清</a>
 </body>
</html>

web.xml:

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0" 
 xmlns="http://java.sun.com/xml/ns/javaee" 
 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
 xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
 http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
 <display-name></display-name>
 <servlet>
 <description>This is the description of my J2EE component</description>
 <display-name>This is the display name of my J2EE component</display-name>
 <servlet-name>ImageServlet</servlet-name>
 <servlet-class>cn.hncu.img.ImageServlet</servlet-class>
 </servlet>

 <servlet-mapping>
 <servlet-name>ImageServlet</servlet-name>
 <url-pattern>/servlet/ImageServlet</url-pattern>
 </servlet-mapping> 
 <welcome-file-list>
 <welcome-file>index.jsp</welcome-file>
 </welcome-file-list>
</web-app>

ImageServlet.java

package cn.hncu.img;

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.Date;
import java.util.Random;

import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class ImageServlet extends HttpServlet {

 public void doGet(HttpServletRequest request, HttpServletResponse response)
  throws ServletException, IOException {
 doPost(request, response);
 }

 public void doPost(HttpServletRequest request, HttpServletResponse response)
  throws ServletException, IOException {
 //告訴客戶端，輸出的格式
 response.setContentType("image/jpeg");

 int width = 80;
 int height = 40;
 int lines = 10;
 BufferedImage img = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);

 Graphics g = img.getGraphics();

 //設(shè)置背景色
 g.setColor(Color.WHITE);
 g.fillRect(0, 0, width, height);

 //設(shè)置字體
 g.setFont(new Font("宋體", Font.BOLD, 20));

 //隨機(jī)數(shù)字
 Random r = new Random(new Date().getTime());
 for(int i=0;i<4;i++){
  int a = r.nextInt(10);
  int y = 10+r.nextInt(20);//10~30范圍內(nèi)的一個(gè)整數(shù)，作為y坐標(biāo)

  Color c = new Color(r.nextInt(255),r.nextInt(255),r.nextInt(255));
  g.setColor(c);

  g.drawString(""+a, 5+i*width/4, y);
 }

 //干擾線
 for(int i=0;i<lines;i++){
  Color c = new Color(r.nextInt(255),r.nextInt(255),r.nextInt(255));
  g.setColor(c);
  g.drawLine(r.nextInt(width), r.nextInt(height), r.nextInt(width), r.nextInt(height));
 }

 g.dispose();//類似于流中的close()帶動(dòng)flush()---把數(shù)據(jù)刷到img對(duì)象當(dāng)中

 ImageIO.write(img, "JPG", response.getOutputStream());
 }

}

演示結(jié)果：