您的位置:首页 > 编程语言 > Java开发

java生成验证码图片

2018-03-21 15:35 351 查看
验证码图片如下图,点击图片可以更换验证码



实现如下
jsp页面代码:
<div  class="layui-body" style="margin-top: 120px;margin-left: 300px;">
<div style="margin-top: 10px;">
<span>输入用户名</span>
<input id="account" >
</div>
<div style="margin-top: 20px;">
<span >登录密码</span>
<input id="password" >
</div>
<div style="margin-top: 20px;">
<span>输入验证码</span>
<input id="identityCode">
<img id="imgVerify" src="" alt="点击更换验证码" width="112" height="36" onclick="getVerify(this);">
</div>
<div style="margin-top: 30px;">
<span style="width: 80px;display:inline-block;"></span>
<button class="layui-btn layui-btn-sm layui-btn-normal"  onclick="login()">登录</button>
</div>

</div>
js代码
//点击登录按钮
function login(){
var account=$("#account").val();
var password=$("#password").val();
$.ajax({
url:'***************',
dataType:'json',
type:'post',
data:{
'account':account,
'password':password
},
success:function(data){
if(data.code=='0'){
//账号密码验证成功之后成功之后,校验验证码
         checkSum();
//alert(data.msg);
//window.location.href=prjName+"/pages/jsp/index.jsp";
}else if(data.code=='1'){
alert(data.msg);
}else{
alert(data.msg);
}
}
})

    
}

$(document).ready(function () {
    //首次获取验证码
    $("#imgVerify").attr("src",prjName+"/identify/getVerify?"+Math.random());
});

//获取验证码
function getVerify(obj){
    obj.src = prjName+"/identify/getVerify?"+Math.random();
}

//校验验证码
function checkSum(){
    var inputStr = $("#identityCode").val();
    if(inputStr!=null && inputStr!=""){
        inputStr = inputStr.toUpperCase();//将输入的字母全部转换成大写
        $.ajax({
            url :prjName+"/identify/checkVerify",
            data: {inputStr:inputStr},
            success : function(datas) {
                if(datas == "TURE"){
                    //验证码验证正确,提示并且跳入新页面
                    alert("登陆成功");
                    window.location.href=prjName+"/order/conf";
                }else{
                    $("#identityCode").val("");
                    alert("验证码输入错误!请重新输入!");
                }
            }
        });
    }else{
    alert("请输入验证码!");
    }

}
后台代码
@Controller
@RequestMapping("/identify")
public class IdentifyingCode {
     /**
     * 登录页面生成验证码
     */
    @RequestMapping(value = "getVerify")
    public void getVerify(HttpServletRequest request, HttpServletResponse response){
        response.setContentType("image/jpeg");//设置相应类型,告诉浏览器输出的内容为图片  
        response.setHeader("Pragma", "No-cache");//设置响应头信息,告诉浏览器不要缓存此内容  
        response.setHeader("Cache-Control", "no-cache"); 
        response.setDateHeader("Expire", 0); 
        RandomValidateCode randomValidateCode = new RandomValidateCode(); 
        try { 
            randomValidateCode.getRandcode(request, response);//输出验证码图片方法  
        } catch (Exception e) { 
            e.printStackTrace(); 
        } 
    } 

    /**
     * 登录页面校验验证码
     */
    @RequestMapping(value = "checkVerify")
    @ResponseBody
    public String checkVerify(String inputStr, HttpSession session){
        //从session中获取随机数
        String random = (String) session.getAttribute("RANDOMVALIDATECODEKEY");
        if(random.equals(inputStr)){
            return "TURE";//验证码正确
        }else{
            return "FALSE";//验证码错误
        }
    } 

}

//验证码生产类
/**
 * 验证码生成类
 * <p>
 * @author admin
 *
 */
public class RandomValidateCode {

public static final String RANDOMCODEKEY= "RANDOMVALIDATECODEKEY";//放到session中的key     
    //private String randString = "0123456789";//随机产生只有数字的字符串 private String
    private String randString = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";//随机产生只有字母的字符串
    //private String randString = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";//随机产生数字与字母组合的字符串  
    private int width = 95;// 图片宽  
    private int height = 25;// 图片高  
    private int lineSize = 40;// 干扰线数量  
    private int stringNum = 4;// 随机产生字符数量  
    
    private Random random = new Random(); 
 
    /*
     * 获得字体
     */ 
    private Font getFont() { 
        return new Font("Fixedsys", Font.CENTER_BASELINE, 18); 
    } 
 
    /*
     * 获得颜色
     */ 
    private Color getRandColor(int fc, int bc) { 
        if (fc > 255) 
            fc = 255; 
        if (bc > 255) 
            bc = 255; 
        int r = fc + random.nextInt(bc - fc - 16); 
        int g = fc + random.nextInt(bc - fc - 14); 
        int b = fc + random.nextInt(bc - fc - 18); 
        return new Color(r, g, b); 
    } 
 
    /**
     * 生成随机图片
     */ 
    public void getRandcode(HttpServletRequest request, 
            HttpServletResponse response) { 
        HttpSession session = request.getSession(); 
        // BufferedImage类是具有缓冲区的Image类,Image类是用于描述图像信息的类  
        BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_BGR);
        Graphics g = image.getGraphics();// 产生Image对象的Graphics对象,改对象可以在图像上进行各种绘制操作  
        g.fillRect(0, 0, width, height); 
        g.setFont(new Font("Times New Roman", Font.ROMAN_BASELINE, 18)); 
        g.setColor(getRandColor(110, 133)); 
        // 绘制干扰线  
        for (int i = 0; i <= lineSize; i++) { 
            drowLine(g); 
        } 
        // 绘制随机字符  
        String randomString = ""; 
        for (int i = 1; i <= stringNum; i++) { 
            randomString = drowString(g, randomString, i); 
        } 
        //将生成的随机字符串保存到session中,而jsp界面通过session.getAttribute("RANDOMCODEKEY"),  
        //获得生成的验证码,然后跟用户输入的进行比较  
        session.removeAttribute(RANDOMCODEKEY);
        session.setAttribute(RANDOMCODEKEY, randomString);
        g.dispose(); 
        try { 
            // 将内存中的图片通过流动形式输出到客户端  
            ImageIO.write(image, "JPEG", response.getOutputStream()); 
        } catch (Exception e) { 
            e.printStackTrace(); 
        } 
 
    } 
 
    /*
     * 绘制字符串
     */ 
    private String drowString(Graphics g, String randomString, int i) { 
        g.setFont(getFont()); 
        g.setColor(new Color(random.nextInt(101), random.nextInt(111), random 
                .nextInt(121))); 
        String rand = String.valueOf(getRandomString(random.nextInt(randString 
                .length()))); 
        randomString += rand; 
        g.translate(random.nextInt(3), random.nextInt(3)); 
        g.drawString(rand, 13 * i, 16); 
        return randomString; 
    } 
 
    /*
     * 绘制干扰线
     */ 
    private void drowLine(Graphics g) { 
        int x = random.nextInt(width); 
        int y = random.nextInt(height); 
        int xl = random.nextInt(13); 
        int yl = random.nextInt(15); 
        g.drawLine(x, y, x + xl, y + yl); 
    } 
 
    /*
     * 获取随机的字符
     */ 
    public String getRandomString(int num) { 
        return String.valueOf(randString.charAt(num)); 
    } 
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: