在Web中动态生成验证码

为了防止某些用户使用软件进行登录和发布信息,很多网站在用户登录或者发布信息时,都要求用户输入验证码,验证码通常是以一幅图片的形式显示的,用户按照图片中显示的数字或字母依次输入,服务器端将对用户的输入和验证码进行比较,以判断用户是否经过校验.由于验证码是随机产生的,自动发布信息的软件无法知道每次产生的验证码,也就无法自动发布信息了.

1.引入以下类

package  util; 

import  java.awt.Color; 
import  java.awt.Font; 
import  java.awt.Graphics2D; 
import  java.awt.image.BufferedImage; 
import  java.io.IOException; 
import  java.io.OutputStream; 
import  java.util.Random; 
import  javax.imageio.ImageIO; 

public   class  RandomUtils  ... { 
private static Random random; 
private static char[] c;//存放a-z,A-Z,0-9,62个字符,在随机生成key时使用 
private static final int Length=62;//c[]的长度是62 

static ...{ 
  init(); 
} 
private static void init() ...{ 
  random=new Random(System.currentTimeMillis()); 
   
  c=new char[Length]; 
   
  int i=0; 
  for(char b='a';b<='z';b++) ...{ 
   c[i++]=b; 
  } 
  for(char b='A';b<='Z';b++) ...{ 
   c[i++]=b; 
  } 
  for(char b='0';b<='9';b++) ...{ 
   c[i++]=b; 
  } 
} 
public static int nextInt() ...{ 
  return random.nextInt(); 
} 
public static int nextInt(int n) ...{ 
  return random.nextInt(n); 
} 
/** *//** 
  * 生成keyLength位随机字符串,字符串只包含a-z,A-Z,0-9 
  * @return 
  */ 
public static String generateKey(int keyLength) ...{ 
  StringBuffer buffer=new StringBuffer(); 
  int index; 
  for(int i=0;i<keyLength;i++) ...{ 
   index=random.nextInt(Length); 
   buffer.append(c[index]); 
  } 
  return buffer.toString(); 
} 
/** *//** 
  * 生成32位随机字符串,字符串只包含a-z,A-Z,0-9 
  * @return 
  */ 
public static String generateKey() ...{ 
  return generateKey(32); 
} 
/** *//** 
  * 输出验证码图片 
  * @param os      输出流 
  * @param code    图片上的验证码 
  * @param width   图片宽度 
  * @param height  图片高度 
  * @throws IOException 
  */ 
public static void generateVerifyCode(OutputStream os,String code,int width,int height) throws IOException ...{ 
  BufferedImage buffImg=new BufferedImage(width,height,BufferedImage.TYPE_INT_BGR); 
  Graphics2D g=buffImg.createGraphics(); 
   
  g.setColor(Color.WHITE); 
  g.fillRect(0,0,width,height); 
  Font f Font("Times New Roman",Font.PLAIN,18); 
  g.setFont(font); 
   
  g.setColor(Color.BLACK); 
  g.drawRect(0,0,width-1,height-1); 
   
  g.setColor(new Color(192,192,192)); 
  int x,y,x1,y1; 
  for(int i=0;i<(width+height);i++) ...{ 
   x=random.nextInt(width); 
   y=random.nextInt(height); 
   x1=random.nextInt(12); 
   y1=random.nextInt(12); 
   g.drawLine(x,y,x+x1,y+y1); 
  } 
   
  int red=0,green=0,blue=0; 
  for(int i=0,n=code.length();i<n;i++) ...{ 
   red=random.nextInt(110); 
   green=random.nextInt(110); 
   blue=random.nextInt(110); 
   
   g.setColor(new Color(red,green,blue)); 
   g.drawString(code.charAt(i)+"",13*i+6,16); 
  } 
   
  ImageIO.write(buffImg,"jpeg",os); 
  os.flush(); 
} 
}  

2.创建一Servlet,样例代码如下

package  servlet; 

import  java.io.IOException; 
import  javax.servlet.ServletException; 
import  javax.servlet.http.HttpServlet; 
import  javax.servlet.http.HttpServletRequest; 
import  javax.servlet.http.HttpServletResponse; 
import  util.RandomUtils; 

public   class  RandomCodeServlet  extends  HttpServlet  ... { 

public void doGet(HttpServletRequest request, HttpServletResponse response) 
   throws ServletException, IOException ...{ 
   
  response.setHeader("Pragma","no-cache"); 
  response.setHeader("Cache-Control","no-cache"); 
  response.setDateHeader("Expries",0); 
  response.setContentType("image/jpeg"); 
  String code=RandomUtils.generateKey(4);      //生成4个随机字符 
  RandomUtils.generateVerifyCode(response.getOutputStream(),code,60,20);   //生成验证码图片 
  //request.getSession().setAttribute("verifyCode",code); 
  response.getOutputStream().flush(); 
  response.getOutputStream().close(); 
} 
public void doPost(HttpServletRequest request, HttpServletResponse response) 
   throws ServletException, IOException ...{ 
  doGet(request,response); 
} 
}  

该Servlet可以根据自己的业务需求变化而变化,例如将code设置到session中,待客户端提交时,到session中取出code,与客户端提交过来的验证码比较,如果相同,则继续其它业务逻辑,否则退出.  

3.在web.xml里配制该Servlet

   < servlet >  
     < servlet-name > RandomCodeServlet </ servlet-name >  
     < servlet-class > servlet.RandomCodeServlet </ servlet-class >  
   </ servlet >  
   < servlet-mapping >  
     < servlet-name > RandomCodeServlet </ servlet-name >  
     < url-pattern > /randomCode </ url-pattern >  
   </ servlet-mapping >  

4.新建一HTML文件,在body标签中引入如下代码

< img  src ="randomCode"  id ="randomImage" />< a  href ="javascript:"  onclick ='return  switchImage();' > 看不清,换一张! </ a >  
    < script  language ='javascript' > ...  
    var imgCount=1; 
    function switchImage() ...{ 
     var image=document.getElementById('randomImage'); 
     image.src="randomCode?imgCount="+imgCount++; 
     return false; 
    } 
    </ script >  

这里的randomCode和web.xml的url-pattern设置是一样的,imgCount一定要加上,它不起什么业务逻辑作用,只是用于改变src属性的值,并告诉浏览器,该图片的src属性值变了,要浏览器去重新加载该图片,如果<img>的src属性没有变,浏览器是不会去重新加载该图片的.

5.启动服务器,浏览刚创建的HTML文件,OK了吧!