登录之验证码

       产生验证码，MakeCertPic.java：

View Code

       生成图片，makeCertPic.jsp

View Code 
 1 <%@page contentType="image/jpeg;charset=UTF-8"%>
 2 <jsp:useBean id="image" scope="page" class="com.online.util.MakeCertPic" />
 3 <!-- 这里把生成的验证码作为session变量写入，因此在接收登录页面输入的数据页面中，
 4      可用用户输入的验证码和这个session变量作比较，如果相同则表示验证通过。 -->
 5 <%
 6     String str = image.getCertPic(0, 0, response.getOutputStream());
 7     // 将认证码存入SESSION
 8     session.setAttribute("certCode", str);  
 9     out.clear();
10     out = pageContext.pushBody();
11 %>

       登录页面或者其它页面得到验证码：

<img src="makeCertPic.jsp" id="code" onclick="reloadcode()" style="cursor: pointer;" alt="看不清楚,换一张" />

       刷新验证码：

function reloadcode(){
  var verify = document.getElementById('code');
  verify.setAttribute('src', 'makeCertPic.jsp?it='+Math.random());
}

       这里的makeCertPic.jsp路径需要按照自己项目情况重新处理，现在很多网站都对登录时的验证码做这样处理，为了好的用户体验，前3次登录不需要输入验证码，如果3次全输入错误，第4次登录，就会需要输入验证码，这样做的好处是，既有好的用户体验又可以防止暴力破解。


posted @ 2012-09-18 11:06  高爽|Coder  阅读(263)  评论(0)  编辑  收藏  举报