java图形验证码生成工具类及web页面校验验证码

<div id="article\_content" class="article\_content csdn-tracking-statistics tracking-click" data-mod="popu\_519" data-dsm="post" style="overflow: hidden;"> <div class="htmledit\_views"> 最近做验证码，参考网上案例，发现有不少问题，特意进行了修改和完善。 验证码生成器： <div class="dp-highlighter bg\_html"><div class="bar"><div class="tools">\[html\] <a href="#" class="ViewSource" title="view plain" onclick="dp.sh.Toolbar.Command('ViewSource',this);return false;">view plain</a> <a href="#" class="CopyToClipboard" title="copy" onclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;">copy</a><div style="position: absolute; left: 498px; top: 332px; width: 16px; height: 16px; z-index: 99;"><embed id="ZeroClipboardMovie\_1" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="16" height="16" name="ZeroClipboardMovie\_1" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=1&width=16&height=16" wmode="transparent"></div> <a href="#" class="PrintSource" title="print" onclick="dp.sh.Toolbar.Command('PrintSource',this);return false;">print</a><a href="#" class="About" title="?" onclick="dp.sh.Toolbar.Command('About',this);return false;">?</a></div></div><ol start="1" class="dp-xml"><li class="alt">import javax.imageio.ImageIO;    </li><li class="">import java.awt.\*;    </li><li class="alt">import java.awt.image.BufferedImage;    </li><li class="">import java.io.FileOutputStream;    </li><li class="alt">import java.io.IOException;    </li><li class="">import java.io.OutputStream;    </li><li class="alt">import java.util.Date;    </li><li class="">import java.util.Random;    </li><li class="alt">    </li><li class="">/\*\*   </li><li class="alt"> \* 验证码生成器   </li><li class=""> \*   </li><li class="alt"> \* @author    </li><li class=""> \*/    </li><li class="alt">public class ValidateCode {    </li><li class="">    // 图片的宽度。    </li><li class="alt">    private int width = 160;    </li><li class="">    // 图片的高度。    </li><li class="alt">    private int height = 40;    </li><li class="">    // 验证码字符个数    </li><li class="alt">    private int codeCount = 5;    </li><li class="">    // 验证码干扰线数    </li><li class="alt">    private int lineCount = 150;    </li><li class="">    // 验证码    </li><li class="alt">    private String code = null;    </li><li class="">    // 验证码图片Buffer    </li><li class="alt">    private BufferedImage buffImg = null;    </li><li class="">    </li><li class="alt">    // 验证码范围,去掉0(数字)和O(拼音)容易混淆的(小写的1和L也可以去掉,大写不用了)    </li><li class="">    private char\[\] codeSequence = {'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J',    </li><li class="alt">            'K', 'L', 'M', 'N', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W',    </li><li class="">            'X', 'Y', 'Z', '1', '2', '3', '4', '5', '6', '7', '8', '9'};    </li><li class="alt">    </li><li class="">    /\*\*   </li><li class="alt">     \* 默认构造函数,设置默认参数   </li><li class="">     \*/    </li><li class="alt">    public ValidateCode() {    </li><li class="">        this.createCode();    </li><li class="alt">    }    </li><li class="">    </li><li class="alt">    /\*\*   </li><li class="">     \* @param width  图片宽   </li><li class="alt">     \* @param height 图片高   </li><li class="">     \*/    </li><li class="alt">    public ValidateCode(int width, int height) {    </li><li class="">        this.width = width;    </li><li class="alt">        this.height = height;    </li><li class="">        this.createCode();    </li><li class="alt">    }    </li><li class="">    </li><li class="alt">    /\*\*   </li><li class="">     \* @param width     图片宽   </li><li class="alt">     \* @param height    图片高   </li><li class="">     \* @param codeCount 字符个数   </li><li class="alt">     \* @param lineCount 干扰线条数   </li><li class="">     \*/    </li><li class="alt">    public ValidateCode(int width, int height, int codeCount, int lineCount) {    </li><li class="">        this.width = width;    </li><li class="alt">        this.height = height;    </li><li class="">        this.codeCount = codeCount;    </li><li class="alt">        this.lineCount = lineCount;    </li><li class="">        this.createCode();    </li><li class="alt">    }    </li><li class="">    </li><li class="alt">    public void createCode() {    </li><li class="">        int x = 0, fontHeight = 0, codeY = 0;    </li><li class="alt">        int red = 0, green = 0, blue = 0;    </li><li class="">    </li><li class="alt">        x = width / (codeCount + 2);//每个字符的宽度(左右各空出一个字符)    </li><li class="">        fontHeight = height - 2;//字体的高度    </li><li class="alt">        codeY = height - 4;    </li><li class="">    </li><li class="alt">        // 图像buffer    </li><li class="">        buffImg = new BufferedImage(width, height, BufferedImage.TYPE\_INT\_RGB);    </li><li class="alt">        Graphics2D g = buffImg.createGraphics();    </li><li class="">        // 生成随机数    </li><li class="alt">        Random random = new Random();    </li><li class="">        // 将图像填充为白色    </li><li class="alt">        g.setColor(Color.WHITE);    </li><li class="">        g.fillRect(0, 0, width, height);    </li><li class="alt">        // 创建字体,可以修改为其它的    </li><li class="">        Font font = new Font("Fixedsys", Font.PLAIN, fontHeight);    </li><li class="alt">//        Font font = new Font("Times New Roman", Font.ROMAN\_BASELINE, fontHeight);    </li><li class="">        g.setFont(font);    </li><li class="alt">    </li><li class="">        for (int i = 0; i < lineCount; i++) {    </li><li class="alt">            // 设置随机开始和结束坐标    </li><li class="">            int xs = random.nextInt(width);//x坐标开始    </li><li class="alt">            int ys = random.nextInt(height);//y坐标开始    </li><li class="">            int xe = xs + random.nextInt(width / 8);//x坐标结束    </li><li class="alt">            int ye = ys + random.nextInt(height / 8);//y坐标结束    </li><li class="">    </li><li class="alt">            // 产生随机的颜色值，让输出的每个干扰线的颜色值都将不同。    </li><li class="">            red = random.nextInt(255);    </li><li class="alt">            green = random.nextInt(255);    </li><li class="">            blue = random.nextInt(255);    </li><li class="alt">            g.setColor(new Color(red, green, blue));    </li><li class="">            g.drawLine(xs, ys, xe, ye);    </li><li class="alt">        }    </li><li class="">    </li><li class="alt">        // randomCode记录随机产生的验证码    </li><li class="">        StringBuffer randomCode = new StringBuffer();    </li><li class="alt">        // 随机产生codeCount个字符的验证码。    </li><li class="">        for (int i = 0; i < codeCount; i++) {    </li><li class="alt">            String strRand = String.valueOf(codeSequence\[random.nextInt(codeSequence.length)\]);    </li><li class="">            // 产生随机的颜色值，让输出的每个字符的颜色值都将不同。    </li><li class="alt">            red = random.nextInt(255);    </li><li class="">            green = random.nextInt(255);    </li><li class="alt">            blue = random.nextInt(255);    </li><li class="">            g.setColor(new Color(red, green, blue));    </li><li class="alt">            g.drawString(strRand, (i + 1) \* x, codeY);    </li><li class="">            // 将产生的四个随机数组合在一起。    </li><li class="alt">            randomCode.append(strRand);    </li><li class="">        }    </li><li class="alt">        // 将四位数字的验证码保存到Session中。    </li><li class="">        code = randomCode.toString();    </li><li class="alt">    }    </li><li class="">    </li><li class="alt">    public void write(String path) throws IOException {    </li><li class="">        OutputStream sos = new FileOutputStream(path);    </li><li class="alt">        this.write(sos);    </li><li class="">    }    </li><li class="alt">    </li><li class="">    public void write(OutputStream sos) throws IOException {    </li><li class="alt">        ImageIO.write(buffImg, "png", sos);    </li><li class="">        sos.close();    </li><li class="alt">    }    </li><li class="">    </li><li class="alt">    public BufferedImage getBuffImg() {    </li><li class="">        return buffImg;    </li><li class="alt">    }    </li><li class="">    </li><li class="alt">    public String getCode() {    </li><li class="">        return code;    </li><li class="alt">    }    </li><li class="">    </li><li class="alt">    /\*\*   </li><li class="">     \* 测试函数,默认生成到d盘   </li><li class="alt">     \* @param args   </li><li class="">     \*/    </li><li class="alt">    public static void main(String\[\] args) {    </li><li class="">        ValidateCode vCode = new ValidateCode(160,40,5,150);    </li><li class="alt">        try {    </li><li class="">            String path="D:/"+new Date().getTime()+".png";    </li><li class="alt">            System.out.println(vCode.getCode()+" >"+path);    </li><li class="">            vCode.write(path);    </li><li class="alt">        } catch (IOException e) {    </li><li class="">            e.printStackTrace();    </li><li class="alt">        }    </li><li class="">    }    </li><li class="alt">}    </li></ol></div><pre class="html" name="code" style="display: none;">import javax.imageio.ImageIO; import java.awt.\*; import java.awt.image.BufferedImage; import java.io.FileOutputStream; import java.io.IOException; import java.io.OutputStream; import java.util.Date; import java.util.Random;

/**

验证码生成器
@author
*/
public class ValidateCode {
// 图片的宽度。
private int width = 160;
// 图片的高度。
private int height = 40;
// 验证码字符个数
private int codeCount = 5;
// 验证码干扰线数
private int lineCount = 150;
// 验证码
private String code = null;
// 验证码图片Buffer
private BufferedImage buffImg = null;

// 验证码范围,去掉0(数字)和O(拼音)容易混淆的(小写的1和L也可以去掉,大写不用了)
private char[] codeSequence = {'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J',
'K', 'L', 'M', 'N', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W',
'X', 'Y', 'Z', '1', '2', '3', '4', '5', '6', '7', '8', '9'};

/**
- 默认构造函数,设置默认参数 */
  public ValidateCode() {
  this.createCode();
  }
/**
- @param width 图片宽
- @param height 图片高 */
  public ValidateCode(int width, int height) {
  this.width = width;
  this.height = height;
  this.createCode();
  }
/**
- @param width 图片宽
- @param height 图片高
- @param codeCount 字符个数
- @param lineCount 干扰线条数 */
  public ValidateCode(int width, int height, int codeCount, int lineCount) {
  this.width = width;
  this.height = height;
  this.codeCount = codeCount;
  this.lineCount = lineCount;
  this.createCode();
  }
public void createCode() {
int x = 0, fontHeight = 0, codeY = 0;
int red = 0, green = 0, blue = 0;
```
1 x = width / (codeCount + 2);//每个字符的宽度(左右各空出一个字符)  
2 fontHeight = height - 2;//字体的高度  
3 codeY = height - 4;  
4
5 // 图像buffer  
6 buffImg = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);  
7 Graphics2D g = buffImg.createGraphics();  
8 // 生成随机数  
9 Random random = new Random();  
10 // 将图像填充为白色  
11 g.setColor(Color.WHITE);  
12 g.fillRect(0, 0, width, height);  
13 // 创建字体,可以修改为其它的  
14 Font font = new Font("Fixedsys", Font.PLAIN, fontHeight);  
```

// Font font = new Font("Times New Roman", Font.ROMAN_BASELINE, fontHeight);
g.setFont(font);

1    for (int i = 0; i &lt; lineCount; i++) {  
2        // 设置随机开始和结束坐标  
3        int xs = random.nextInt(width);//x坐标开始  
4        int ys = random.nextInt(height);//y坐标开始  
5        int xe = xs + random.nextInt(width / 8);//x坐标结束  
6        int ye = ys + random.nextInt(height / 8);//y坐标结束  
7
8        // 产生随机的颜色值，让输出的每个干扰线的颜色值都将不同。  
9        red = random.nextInt(255);  
10        green = random.nextInt(255);  
11        blue = random.nextInt(255);  
12        g.setColor(new Color(red, green, blue));  
13        g.drawLine(xs, ys, xe, ye);  
14    }  
15
16    // randomCode记录随机产生的验证码  
17    StringBuffer randomCode = new StringBuffer();  
18    // 随机产生codeCount个字符的验证码。  
19    for (int i = 0; i &lt; codeCount; i++) {  
20        String strRand = String.valueOf(codeSequence[random.nextInt(codeSequence.length)]);  
21        // 产生随机的颜色值，让输出的每个字符的颜色值都将不同。  
22        red = random.nextInt(255);  
23        green = random.nextInt(255);  
24        blue = random.nextInt(255);  
25        g.setColor(new Color(red, green, blue));  
26        g.drawString(strRand, (i + 1) * x, codeY);  
27        // 将产生的四个随机数组合在一起。  
28        randomCode.append(strRand);  
29    }  
30    // 将四位数字的验证码保存到Session中。  
31    code = randomCode.toString();  
32}  
33
34public void write(String path) throws IOException {  
35    OutputStream sos = new FileOutputStream(path);  
36    this.write(sos);  
37}  
38
39public void write(OutputStream sos) throws IOException {  
40    ImageIO.write(buffImg, "png", sos);  
41    sos.close();  
42}  
43
44public BufferedImage getBuffImg() {  
45    return buffImg;  
46}  
47
48public String getCode() {  
49    return code;  
50}  
51
52/** 
53 * 测试函数,默认生成到d盘 
54 * @param args 
55 */  
56public static void main(String[] args) {  
57    ValidateCode vCode = new ValidateCode(160,40,5,150);  
58    try {  
59        String path="D:/"+new Date().getTime()+".png";  
60        System.out.println(vCode.getCode()+" &gt;"+path);  
61        vCode.write(path);  
62    } catch (IOException e) {  
63        e.printStackTrace();  
64    }  
65}

} </pre> 下面是页面JS调用验证码 <div class="dp-highlighter bg\_javascript"><div class="bar"><div class="tools">[javascript] <a href="#" class="ViewSource" title="view plain" onclick="dp.sh.Toolbar.Command('ViewSource',this);return false;">view plain</a> <a href="#" class="CopyToClipboard" title="copy" onclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;">copy</a><div style="position: absolute; left: 534px; top: 3192px; width: 16px; height: 16px; z-index: 99;"><embed id="ZeroClipboardMovie\_2" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="16" height="16" name="ZeroClipboardMovie\_2" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=2&width=16&height=16" wmode="transparent"></div> <a href="#" class="PrintSource" title="print" onclick="dp.sh.Toolbar.Command('PrintSource',this);return false;">print</a><a href="#" class="About" title="?" onclick="dp.sh.Toolbar.Command('About',this);return false;">?</a></div></div><ol start="1" class="dp-c"><li class="alt">// 刷新图片 </li><li class=""> function changeImg() { </li><li class="alt"> var imgSrc = $("#imgObj"); </li><li class=""> var url = imgSrc.attr("src"); </li><li class="alt"> imgSrc.attr("src", changeUrl(url)); </li><li class=""> } </li><li class="alt"> //为了使每次生成图片不一致，即不让浏览器读缓存，所以需要加上时间戳 </li><li class=""> function changeUrl(url) { </li><li class="alt"> var timestamp = (new Date()).valueOf(); </li><li class=""> var index = url.indexOf("?"); </li><li class="alt"> console.log(index); </li><li class=""> if (index > 0) { </li><li class="alt"> url = url.substring(0, url.indexOf("?")); </li><li class=""> } </li><li class="alt"> console.log(url); </li><li class=""> if ((url.indexOf("&") > 0)) { </li><li class="alt"> url = url + "×tamp=" + timestamp; </li><li class=""> console.log(url); </li><li class="alt"> } else { </li><li class=""> url = url + "?timestamp=" + timestamp; </li><li class="alt"> console.log(url); </li><li class=""> } </li><li class="alt"> return url; </li><li class=""> } </li></ol></div><pre class="javascript" name="code" style="display: none;"> // 刷新图片
function changeImg() {
var imgSrc = $("#imgObj");
var url = imgSrc.attr("src"); imgSrc.attr("src", changeUrl(url));
}
//为了使每次生成图片不一致，即不让浏览器读缓存，所以需要加上时间戳
function changeUrl(url) {
var timestamp = (new Date()).valueOf();
var index = url.indexOf("?"); console.log(index); if (index > 0) {
url = url.substring(0, url.indexOf("?"));
} console.log(url); if ((url.indexOf("&") > 0)) {
url = url + "×tamp=" + timestamp;
console.log(url); } else {
url = url + "?timestamp=" + timestamp; console.log(url); }
return url;
}</pre> 下面是controller层输出验证码 <div class="dp-highlighter bg\_java"><div class="bar"><div class="tools">[java] <a href="#" class="ViewSource" title="view plain" onclick="dp.sh.Toolbar.Command('ViewSource',this);return false;">view plain</a> <a href="#" class="CopyToClipboard" title="copy" onclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;">copy</a><div style="position: absolute; left: 496px; top: 3766px; width: 16px; height: 16px; z-index: 99;"><embed id="ZeroClipboardMovie\_3" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="16" height="16" name="ZeroClipboardMovie\_3" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=3&width=16&height=16" wmode="transparent"></div> <a href="#" class="PrintSource" title="print" onclick="dp.sh.Toolbar.Command('PrintSource',this);return false;">print</a><a href="#" class="About" title="?" onclick="dp.sh.Toolbar.Command('About',this);return false;">?</a></div></div><ol start="1" class="dp-j"><li class="alt">/ </li><li class=""> 响应验证码页面 </li><li class="alt"> @return </li><li class=""> */ </li><li class="alt">@RequestMapping(value="/validateCode") </li><li class="">public String validateCode(HttpServletRequest request,HttpServletResponse response) throws Exception{ </li><li class="alt"> // 设置响应的类型格式为图片格式 </li><li class=""> response.setContentType("image/jpeg"); </li><li class="alt"> //禁止图像缓存。 </li><li class=""> response.setHeader("Pragma", "no-cache"); </li><li class="alt"> response.setHeader("Cache-Control", "no-cache"); </li><li class=""> response.setDateHeader("Expires", 0); </li><li class="alt"> </li><li class=""> HttpSession session = request.getSession(); </li><li class="alt"> </li><li class=""> ValidateCode vCode = new ValidateCode(120,40,5,100); </li><li class="alt"> session.setAttribute("code", vCode.getCode()); </li><li class=""> vCode.write(response.getOutputStream()); </li><li class="alt"> return null; </li><li class="">} </li></ol></div><pre class="java" name="code" style="display: none;">/

响应验证码页面
@return */
@RequestMapping(value="/validateCode")
public String validateCode(HttpServletRequest request,HttpServletResponse response) throws Exception{
// 设置响应的类型格式为图片格式
response.setContentType("image/jpeg");
//禁止图像缓存。
response.setHeader("Pragma", "no-cache");
response.setHeader("Cache-Control", "no-cache");
response.setDateHeader("Expires", 0);

HttpSession session = request.getSession();

ValidateCode vCode = new ValidateCode(120,40,5,100);
session.setAttribute("code", vCode.getCode());
vCode.write(response.getOutputStream());
return null;
} </pre> 下面是controller层验证验证码输入是否正确 <div class="dp-highlighter bg\_java"><div class="bar"><div class="tools">[java] <a href="#" class="ViewSource" title="view plain" onclick="dp.sh.Toolbar.Command('ViewSource',this);return false;">view plain</a> <a href="#" class="CopyToClipboard" title="copy" onclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;">copy</a><div style="position: absolute; left: 496px; top: 4268px; width: 16px; height: 16px; z-index: 99;"><embed id="ZeroClipboardMovie\_4" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="16" height="16" name="ZeroClipboardMovie\_4" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=4&width=16&height=16" wmode="transparent"></div> <a href="#" class="PrintSource" title="print" onclick="dp.sh.Toolbar.Command('PrintSource',this);return false;">print</a><a href="#" class="About" title="?" onclick="dp.sh.Toolbar.Command('About',this);return false;">?</a></div></div><ol start="1" class="dp-j"><li class="alt">String code = request.getParameter("code"); </li><li class="">HttpSession session = request.getSession(); </li><li class="alt">String sessionCode = (String) session.getAttribute("code"); </li><li class="">if (!StringUtils.equalsIgnoreCase(code, sessionCode)) { //忽略验证码大小写 </li><li class="alt"> throw new RuntimeException("验证码对应不上code=" + code + " sessionCode=" + sessionCode); </li><li class="">} </li></ol></div><pre class="java" name="code" style="display: none;">String code = request.getParameter("code");
HttpSession session = request.getSession();
String sessionCode = (String) session.getAttribute("code");
if (!StringUtils.equalsIgnoreCase(code, sessionCode)) { //忽略验证码大小写
throw new RuntimeException("验证码对应不上code=" + code + " sessionCode=" + sessionCode);
} </pre> </div> </div>

java图形验证码生成工具类及web页面校验验证码

评论区

相关推荐