ValidateCode.jar下载地址:点击下载 密码:aiyb
前端代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript">
function changeCode() {
$("#verifyCode-img").attr("src","user/verifyCode?time="+new Date().getTime());
}
</script>
</head>
<body>
<div>
验证码:<input type="text" id="verifyCode" name="verifyCode">
<img src="user/verifyCode" onclick="changeCode()" id="verifyCode-img"><a href="javascript:changeCode()">看不清,换一张</a>
</div>
</body>
</html>
Controller层代码:
//验证码
@RequestMapping("verifyCode")
public void verifyCode(HttpServletResponse response,HttpSession session) throws IOException {
//设置为图像模式
response.setContentType("image/jpeg");
//禁止图像缓存。
response.setHeader("Pragma", "no-cache");
response.setHeader("Cache-Control", "no-cache");
response.setDateHeader("Expires", 0);
//180高,40宽,5个数字,50干扰线
ValidateCode verifyCode = new ValidateCode(180,40,5,50);
verifyCode.write(response.getOutputStream());
System.out.println("验证码为:"+verifyCode.getCode());
//将验证码保存在session中
session.setAttribute("verifyCodeValue", verifyCode.getCode());
}
效果图: