图形验证码的主要目的是为了增强的安全性,增加用户通过遍历所有可能性来破解密码的难度。
图形验证码的使用包括如下3部分:
1、图形验证码的生成
假设在Servlet生成图形验证码,在JavaBean或者JSP中生成的基本过程是相同的。设计如下过程:
① 设置响应的文档类型;
② 生成随机码;
③ 把随机码保存到session中;
④ 生成图片;
⑤ 把随机码画到内存图片上;
⑥ 把内存图片发送到客户端;
1.1 设置响应的文档类型
在对用户进行响应的时候,需要设置文档类型,要生成图片文档类型可以设置为:image/gif。
在Servlet中的设置方式为:response.setContentType("image/gif");
如果在JSP页面中使用则需要使用:<%@ page contentType="image/gif"%>
1.2 生成随机码
可以根据各种随机数生成策略来生成,并且可以设置随机码有哪些字符组成以及随机码的长度。
本文给出的随机码字符是所有字母和数字。使用的随机码生成策略使用的是Random对象提供的。参考代码如下:
随机码字符列表:
public static final char[] code = {'a','b','c','d','e','f','g', 'h','i','j','k','l','m','n', 'o','p','q','r','s','t', 'u','v','w','x','y','z', 'A','B','C','D','E','F','G', 'H','I','J','K','L','M','N', 'O','P','Q','R','S','T', 'U','V','W','X','Y','Z', '0','1','2','3','4', '5','6','7','8','9'};
生成随机码的代码:
StringBuffer checkcode=new StringBuffer(); // 每循环一次,生成一位 for(int i=0;i<code_length;i++) { int generated=(new Random()).nextInt(62); checkcode.append(code[generated]); }
1.3 把随机码保存到session中
为了在用户提交验证码之后进行验证,需要保存生成的验证码,可以保存在session中。在Servlet中需要先获取session对象,然后再使用。
下面是参考代码:
// 把生成的验证码保存到session中 HttpSession session=request.getSession(true); session.setAttribute("checkCode",checkcode.toString());
1.4 生成图片
使用BufferedImage类创建对象,然后使用画图对象画图。下面是参考代码:
// 创建内存图片,参数为图片的大小以及类型 BufferedImage image = new BufferedImage(49,14,BufferedImage.TYPE_INT_RGB); // 得到Graphics句柄 Graphics g = image.getGraphics(); // 设置画笔颜色 // g.setColor(Color.yellow); // 画背景 g.fillRect(0,1,49,12); 1.5 把随机码显示在图片上 参考下面的代码: // 设置字体色 g.setColor(Color.black); // 画验证码 g.drawString(checkcode.toString(),4,11); // 图象生效 g.dispose();
1.6 把生成的图片发送到客户端
参考代码如下:
复制代码 代码如下:
ImageIO.write(image, "JPEG", response.getOutputStream());
这样就完成了动态图形验证码的生成。
2、在页面中使用图形码:
与使用其它图形的方式相同,使用<img src="https://www.jb51.net/article/…">标签。假设生成图片的Servlet的url-pattern值为checkcode,则在页面中加载图片的代码如下:
复制代码 代码如下:
<img border=0 src="https://www.jb51.net/checkcode">
3、验证
获取用户输入的验证码,然后从session中获取保存的验证码,对比来确定是否相同,从而完成验证。