1. 首先可以引入生成验证码的jar包—ValidateCode.jar
2. 写一个VCode类 来生成验证码,并将验证码的文本getCode()存在session会话中,便于后面验证
protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//1.生成验证码对象
ValidateCode code = new ValidateCode(200, 50, 4, 20);
//生成一个宽为200,高为50,4个数字,20条干扰线 的验证码
//2.保存验证码的文本到session
String code2 = code.getCode(); // 获取验证码的文本 getCode()
request.getSession().setAttribute("vcode", code2);
System.out.println(code2);
//3.将验证码图片输出浏览器
response.setContentType("image/jpeg");
code.write(response.getOutputStream()); // 输出文件流
}
3. 在登录页面中 引入上面写好的VCode类,在页面显示出验证码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户登录</title>
<script type="text/javascript">
function fun() {
//1.获取img对象
var img = document.getElementById("one");
//2.改变img对象的scr属性 利用访问时间不同,刷新就会生成新的验证码
img.src="./VCode?abc="+new Date();
}
</script>
</head>
<body>
<form action="UsersServlet" method="post">
<input type="hidden" name="flag" value="login">
用户名:<input type="text" name="uname"><br>
密码:<input type="password" name="upwd"><br>
验证码:<input type="text" name="vcode">
<img alt="验证码" src="./VCode" width="150" id="one" οnclick="fun();">
<br>
<input type="submit" value="提交"><a href="usersAdd.jsp">用户注册</a>
</form>
</body>
</html>
4. 在servlet中验证在文本框内输入验证码和之前存在session中的验证码是否一致
//验证码
String htmlvcode = request.getParameter("vcode");
if(htmlvcode.length()>0){
String sessionVcode=(String) session.getAttribute("vcode");
if(!htmlvcode.equals(sessionVcode)){
System.out.println("验证码输入错误");
}else{
System.out.println("验证码ok");
}
}