JSP+Servlet实现图片验证码

原创

已于 2023-10-31 20:54:08 修改 · 4.7k 阅读

标签

#servlet #验证码 #图片

收录于

于 2017-01-09 20:15:03 首次发布

本文介绍了如何实现一个图片验证码系统，验证码在JSP页面中显示，并通过JavaScript实现刷新功能。FunctionServlet用于生成验证码，它创建BufferedImage并添加随机字符、噪点和线条。LoginServlet负责验证用户输入的验证码是否与session中保存的一致。整个过程在配置好的web.xml支持下运行。

我们在登录或者注册的过程中，常常会发现有验证码的存在，今天我们自己动手来实现一个图片验证码。

首先，我们的验证码图片是在JSP页面中展示的，所以先从JSP页面着手。直接上代码。

 <body>
   		<h2>欢迎登陆</h2><br>
   		<form action="<%= request.getContextPath() %>/servlet/LoginServlet" method="get">
	   		<input type="text" name="validateCode">
	   		<img alt="点击更换验证码" src="<%= request.getContextPath() %>/servlet/Functio			nServlet" id="img" onclick="reloadImg()">
   			<input type="submit" value="提交" >
   		</form>
   		
  </body>
  <script type="text/javascript">
  	function reloadImg(){
  		var time = new Date().getTime();
  		document.getElementById("img").src="<%= request.getContextPath()%>/servlet/FunctionServlet?d="+time;
  	}
  </script>
			nServlet" id="img" οnclick="reloadImg()">
   			<input type="submit" value="