一个servlet 的验证码 实现

servlet 登录页面实现 验证码实现

第一步 创建自定义工具类

package com.bin.servlet;

import cn.hutool.captcha.CaptchaUtil;
import cn.hutool.captcha.CircleCaptcha;

import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.xml.ws.Service;
import java.io.IOException;

@WebServlet("/checkCode")
public class CheckCodeServlet extends HttpServlet {

    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
      //拿到验证码工具类对象
        CircleCaptcha circleCaptcha = CaptchaUtil.createCircleCaptcha(110, 40, 1, 6);
        String code = circleCaptcha.getCode();
      //将图片写出去
        //将图片写入session
        req.getSession().setAttribute("code",code);
        circleCaptcha.write(resp.getOutputStream());

    }
}

110 为宽 40 问高 1为验证码位数 6为

jsp页面实现点击切换

   //点击验证码进行切换
        $("#checkCode").click(function(){
            // 给 img对象的 src属性 ,重新赋值checkCode.do , 时间防止缓存
            $(this).attr("src","checkCode?"+new Date());
        });

如果想验证码错误切换在登陆判断成功后

加入

    $("#checkCode").attr("src","checkCode?"+new Date());

就可以实现验证码输入错误切换