hutool工具类生成验证码

controller层

 @GetMapping("getCode")
    @ApiOperation(value = "获取验证码")
    public void  getCode(HttpSession session, HttpServletResponse response) throws IOException {
    //定义图形验证码的长和宽  码值个数  干扰圈数
        CircleCaptcha circleCaptcha = CaptchaUtil.createCircleCaptcha(90, 40, 4, 10);
    //得到验证码
        String authCode = circleCaptcha.getCode();
        System.out.println(authCode);
        session.setAttribute("SecurityCode", authCode);
       circleCaptcha.write(response.getOutputStream());
    }

前端代码

<div onclick="addPic()" >
					<img id="addPic"  class="captcha-img" src="${pageContext.request.contextPath}/admin/getCode" />
				</div>

点击图片更换验证码

function addPic() {
			// 修改图片的src属性  在url后拼接随机数
			$("#addPic").prop("src","${pageContext.request.contextPath}/admin/getCode?hh="+Math.random())
		}