java 生成验证码

controller:
package com.tp.home.controller;

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.util.Random;

import javax.imageio.ImageIO;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller
public class CheckCodeController {
    private int width = 90;//定义图片的width  
    private int height = 30;//定义图片的height  
    private int codeCount = 4;//定义图片上显示验证码的个数  
    private int xx = 15;  
    private int fontHeight = 18;  
    private int codeY = 16;  
    char[] codeSequence = { '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' };  
  
    @RequestMapping(value = "${frontPath}/code")  
    public void getCode(HttpServletRequest req, HttpServletResponse resp) {  
        try{
        // 定义图像buffer  
        BufferedImage buffImg = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);  
        Graphics gd = buffImg.getGraphics();  
        // 创建一个随机数生成器类  
        Random random = new Random();  
        // 将图像填充为白色  
        gd.setColor(Color.WHITE);  
        gd.fillRect(0, 0, width, height);  
  
        // 创建字体,字体的大小应该根据图片的高度来定。  
        Font font = new Font("Fixedsys", Font.BOLD, fontHeight);  
        // 设置字体。  
        gd.setFont(font);  
  
        // 画边框。  
        gd.setColor(Color.BLACK);  
        gd.drawRect(0, 0, width - 1, height - 1);  
  
        // 随机产生40条干扰线,使图象中的认证码不易被其它程序探测到。  
        gd.setColor(Color.BLACK);  
        for (int i = 0; i < 40; i++) {  
            int x = random.nextInt(width);  
            int y = random.nextInt(height);  
            int xl = random.nextInt(12);  
            int yl = random.nextInt(12);  
            gd.drawLine(x, y, x + xl, y + yl);  
        }  
  
        // randomCode用于保存随机产生的验证码,以便用户登录后进行验证。  
        StringBuffer randomCode = new StringBuffer();  
        int red = 0, green = 0, blue = 0;  
  
        // 随机产生codeCount数字的验证码。  
        for (int i = 0; i < codeCount; i++) {  
            // 得到随机产生的验证码数字。  
            String code = String.valueOf(codeSequence[random.nextInt(36)]);  
            // 产生随机的颜色分量来构造颜色值,这样输出的每位数字的颜色值都将不同。  
            red = random.nextInt(255);  
            green = random.nextInt(255);  
            blue = random.nextInt(255);  
  
            // 用随机产生的颜色将验证码绘制到图像中。  
            gd.setColor(new Color(red, green, blue));  
            gd.drawString(code, (i + 1) * xx, codeY);  
  
            // 将产生的四个随机数组合在一起。  
            randomCode.append(code);  
        }  
        // 将四位数字的验证码保存到Session中。  
        HttpSession session = req.getSession();  
        System.out.print(randomCode);  
        session.setAttribute("code", randomCode.toString());  
//      req.getSession().setAttribute("code", randomCode.toString());
  
        // 禁止图像缓存。  
        resp.setHeader("Pragma", "no-cache");  
        resp.setHeader("Cache-Control", "no-cache");  
        resp.setDateHeader("Expires", 0);  
        resp.setContentType("image/jpeg");  
  
        // 将图像输出到Servlet输出流中。  
        ServletOutputStream sos = resp.getOutputStream();  
        ImageIO.write(buffImg, "jpeg", sos);  
        sos.close(); 
        }catch (Exception e) {
            e.printStackTrace();
        }
    }  
    
    @ResponseBody
    @RequestMapping(value = "${frontPath}/check_code") 
    private boolean checkCode(String validateCode,HttpServletRequest request){
        HttpSession session = request.getSession();  
        System.out.println(session.getAttribute("code"));
        if(!(validateCode.equalsIgnoreCase(session.getAttribute("code").toString()))){
            return false;
        }
        return true;
    }
}

js:
<script>
$(document).ready(function(){
    $("#login").click(function(){
        $("#reset").validate({
            rules: {
                validateCode: {
                    required: true,
                    remote: "${ctx}/f/check_code"
                }
            },
            messages: {
                validateCode: {
                    required: "<fmt:message key="write_code"></fmt:message>",
                     remote: "<fmt:message key="vcode"></fmt:message>" 
                }
            }
        });
    });
});
</script>

<!-- 这种会将页面整体刷新(不建议使用)
<script type="text/javascript">
    function refreshCode() {
        var imgSrc = $("#code");
        var src = imgSrc.attr("src");
        imgSrc.attr("src", chgUrl(src));
    }  
    /* 加入时间戳,去缓存机制 */   
    function chgUrl(url) {
        var timestamp = (new Date()).valueOf();if ((url.indexOf("&") >= 0)) {
            url = url + "&timestamp=" + timestamp;
        } else {
            url = url + "?timestamp=" + timestamp;
        }
        return url;
    }
</script> -->
<script type="text/javascript">
    /* 加入时间戳 timestamp*/   
    function refreshCode() {
        var timestamp = Date.parse(new Date()); 
        $("#imgcode").attr("src",'${ctx}/f/code?timestamp='+timestamp);
    }
</script>

jsp:
<div class="form-group" style="margin-top: -2px; ">
    <div class="col-sm-6" style="margin-bottom: 13px; padding-left:0; padding-right: 0px;">
            <input type="text" id="validateCode" name="validateCode" class="form-control" placeholder="请输入图片内容"/>
        </div>
        <label id="code" name="code" class="col-sm-6 control-label" style="padding-right:0 ;">
            <img src="${ctx}/f/code" alt="" id="imgcode"/>
                <a οnclick="refreshCode()">换一张</a> 
        </label>
</div>
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值