案例:图片验证码

1 验证码有啥用
在我们注册时,如果没有验证码的话,我们可以使用URLConnection来写一段代码发出注册请求。甚至可以使用while(true)来注册!那么服务器就废了!
验证码可以去识别发出请求的是人还是程序!当然,如果聪明的程序可以去分析验证码图片!但分析图片也不是一件容易的事,因为一般验证码图片都会带有干扰线,人都看不清,那么程序一定分析不出来。

2 在页面中显示动态图片
我们需要写一个VerifyCodeServlet,在这个Servlet中我们生成动态图片,然后它图片写入到response.getOutputStream()流中!然后让页面的元素指定这个VerifyCodServlet即可。

VerifyCodeServlet
public class VerifyCodeServlet extends HttpServlet {
    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        VerifyCode vc = new VerifyCode();
        BufferedImage image = vc.getImage();
        String text = vc.getText();
        System.out.println("text:" + text);
        VerifyCode.output(image, response.getOutputStream());
    }
}

index.jsp
    <script type="text/javascript">
        function _change() {
            var imgEle = document.getElementById("vCode");
            imgEle.src = "/day06_6/VerifyCodeServlet?" + new Date().getTime();
        }
    </script>
...  
  <body>
    <h1>验证码</h1>
    <img id="vCode" src="/day06_6/VerifyCodeServlet"/>
    <a href="javascript:_change()">看不清,换一张</a>
  </body>

3 在注册页面中使用验证码

    <form action="/day06_6/RegistServlet" method="post">
        用户名:<input type="text" name="username"/><br/>
        验证码:<input type="text" name="code" size="3"/>
        <img id="vCode" src="/day06_6/VerifyCodeServlet"/>
        <a href="javascript:_change()">看不清,换一张</a>
        <br/>
        <input type="submit" value="Submit"/>
    </form>

4 RegistServlet

修改VerifyCodeServlet

public class VerifyCodeServlet extends HttpServlet {
    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        VerifyCode vc = new VerifyCode();
        BufferedImage image = vc.getImage();
        request.getSession().setAttribute("vCode", vc.getText());
        VerifyCode.output(image, response.getOutputStream());
    }
}


RegistServlet
public class RegistServlet extends HttpServlet {
    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        request.setCharacterEncoding("utf-8");
        response.setContentType("text/html;charset=utf-8");

        String username = request.getParameter("username");
        String vCode = request.getParameter("code");

        String sessionVerifyCode = (String)request.getSession().getAttribute("vCode");

        if(vCode.equalsIgnoreCase(sessionVerifyCode)) {
            response.getWriter().print(username + ", 恭喜!注册成功!");
        } else {
            response.getWriter().print("验证码错误!");
        }
    }
}

5 总结验证码案例

  • VerifyCodeServlet:
    (1)生成验证码:VerifyCode vc = new VerifyCode();BufferedImage image = vc.getImage();
    (2)在session中保存验证码文本:request.getSession.getAttribute(“vCode”, vc.getText());
    (3)把验证码输出到页面:VerifyCode.output(image, response.getOutputStream);
  • regist.jsp:
    (1)表单中包含username和code字段;
    (2)在表单中给出指向VerifyCodeServlet,用来在页面中显示验证码图片;
    (3)提供“看不清,换一张”链接,指向_change()函数;
    (4)提交到RegistServlet;
  • RegistServlet:
    (1)获取表单中的username和code;
    (2)获取session中的vCode;
    (3)比较code和vCode是否相同;
    (4)相同说明用户输入的验证码正确,否则输入验证码错误。
原文地址:https://www.cnblogs.com/lllini/p/11955384.html