1.页面代码

<html>

<head>

    <title>Title</title>

    <script type="text/javascript" src="/resources/js/jquery-3.3.1.js" ></script>

    <script type="text/javascript" >

        function reloadCheckImg()

        {

            $("img").attr("src", "./img.jsp?t="+(new Date().getTime()));  //<img src="...">

        }

        $(document).ready(function(){

            $("#checkcodeId").blur(function(){

                var $checkcode = $("#checkcodeId").val();

                //校验   :文本框中输入的值 发送到服务端。

                //服务端： 获取文本框输入的值 ，和真实验证码图片中的值对比 ，并返回验证结果

                $.post(

                    "/CheckCodeServlet",//服务端地址

                    "checkcode="+$checkcode ,

                    function(result){//图片地址（imgs/right.jpg   imgs/wrong.jpg）

                        //result:  imgs/right.jpg

                        var resultHtml =  $("<img src='"+result+"' height='15' width='15px'   />") ;

                        $("#tip").html(resultHtml);

                    }

                );

            });

        });

    </script>

</head>

<body>

    验证码：

    <input type="text" name="checkcode" id="checkcodeId" size="4"  />

    <!-- 验证码-->

    <a href="javascript:reloadCheckImg();"> <img src="./img.jsp"/></a>

    <span id="tip">  </span>

</body>

</html>

2.绘制验证码

<%@ page import="java.awt.*" %>

<%@ page import="java.util.Random" %>

<%@ page import="java.awt.image.BufferedImage" %>

<%@ page import="javax.imageio.ImageIO" %>

<%@ page contentType="image/jpeg;charset=UTF-8" language="java" %>

<%!

     //随机产生颜色值

        public Color getColor(){

            Random ran = new Random() ;//Math.random()  0-1

            int r = ran.nextInt(256) ;

            int g = ran.nextInt(256) ;

            int b = ran.nextInt(256) ;

            return new Color(r,g,b) ;//red green blue  0-255

        }

        //产生验证码值

        public String getNum() {

        //  0-8999   1000-9999

        int ran = (int)( Math.random()*9000) +1000 ;

        return String.valueOf(ran) ;

        }

%>

<%

    //禁止缓存，防止验证码过期

    response.setHeader("Pragma","no-cache");

    response.setHeader("Cache-Control","no-cache");

    response.setHeader("Expires","0");

    //绘制验证码

    BufferedImage image = new BufferedImage(80,30,BufferedImage.TYPE_INT_RGB) ;

    //画笔

    Graphics graphics = image.getGraphics();

    graphics.fillRect(0,0,80,30);

    //绘制干扰线条

    for(int i=0;i<60;i++)

    {

        Random ran = new Random() ;

        int xBegin = ran.nextInt(80) ;//

        int yBegin = ran.nextInt(30) ;

        int xEnd = ran.nextInt(xBegin +10 ) ;

        int yEnd = ran.nextInt(yBegin + 10) ;

        graphics.setColor( getColor());

        //绘制线条

        graphics.drawLine(xBegin,yBegin,xEnd,yEnd);

    }

    graphics.setFont(new Font("seif",Font.BOLD,20));

     //绘制验证码

     graphics.setColor(Color.BLACK);

     String checkCode = getNum() ; //2 1 3 4

    StringBuffer sb = new StringBuffer() ;

     for(int i=0;i<checkCode.length();i++){

         sb.append(checkCode.charAt(i)+" "  )  ;//验证码的每一位数字

     }

    graphics.drawString( sb.toString(), 15,20 );//绘制验证码

    //将验证码真实值 保存在session中，供使用时比较真实性

    session.setAttribute("CKECKCODE"  ,checkCode );

    //真实的产生图片

    ImageIO.write(image,"jpeg",  response.getOutputStream()) ;

    //关闭

    out.clear();

    out = pageContext.pushBody() ;  //<input type="image" src="xxx" />

%>

3.service调用

        String resultTip = null;

        //获取用户输入验证码

        String checkcodeClient =  request.getParameter("checkcode");

        //真实的验证码值

        String checkcodeServer = (String) request.getSession().getAttribute("CKECKCODE");

        if(checkcodeServer.equals(checkcodeClient)) {

            resultTip = "/resources/image/right.jpg";

        }else {

            resultTip = "/resources/image/wrong.jpg";

        }

        response.setContentType("text/html;charset=UTF-8");

        PrintWriter writer = response.getWriter();

        writer.write(resultTip);

        writer.close();

        writer.flush();

JavaWeb中登录验证码生成的更多相关文章

  1. python登录验证码生成及自动化测试规避

    在用django写论坛的时候,需要有登录及注册功能. 故就登录界面后端需要生成随机验证码并传值给前端的代码进行编写如下. 验证码生成png需要调用到python的图形库 生成注册码img import ...

  2. Javaweb中利用kaptcha生成验证码

    引入kaptcha-2.3-jdk15.jar包 在web.xml中进行配置 <servlet> <servlet-name>Kaptcha</servlet-name& ...

  3. ASP.NET登录验证码解决方案

    目录 #验证码效果图 #代码 0.html代码 1.Handler中调用验证码生成类 2.验证码图片绘制生成类 3.高斯模糊算法类 #注意 #参考 在web项目中,为了防止登录被暴力破解,需要在登录的 ...

  4. JavaWeb开发之普通图片验证码生成技术与算术表达式验证码生成技术

    转载请注明原文地址:http://www.cnblogs.com/ygj0930/p/6134649.html    另:算术验证码生成的JSP.Servlet实现均已移植github:https:/ ...

  5. Java中SSM+Shiro系统登录验证码的实现方法

    1.验证码生成类: import java.util.Random; import java.awt.image.BufferedImage; import java.awt.Graphics; im ...

  6. Selenium2学习-018-WebUI自动化实战实例-016-自动化脚本编写过程中的登录验证码问题

    日常的 Web 网站开发的过程中,为提升登录安全或防止用户通过脚本进行黄牛操作(宇宙最贵铁皮天朝魔都的机动车牌照竞拍中),很多网站在登录的时候,添加了验证码验证,而且验证码的实现越来越复杂,对其进行脚 ...

  7. java web中验证码生成的demo

    首先创建一个CaptailCode类 package com.xiaoqiang.code; import java.awt.*; import java.awt.font.FontRenderCon ...

  8. javaweb项目中表单生成的验证码以及校验

    首先先来看一下项目的结构吧,有两个servlet,一个是进行验证码的生成以及存储的,一个是进行校验的,还有一个jsp页面是用来实现form表单的书写和展示: 我们只需要看这三个就行了,其他的自动忽略: ...

  9. javaweb(九)—— 通过Servlet生成验证码图片

    一.BufferedImage类介绍 生成验证码图片主要用到了一个BufferedImage类,如下:

随机推荐

  1. jquery时间控件

    jQuery 时间控件推荐 博客分类: jQuery 时间控件   My97DatePicker  My97DatePicker是一个更全面,更人性化,并且速度一流的日期选择控件.具有强大的日期范围限 ...

  2. springboot学习笔记：6.内置tomcat启动和外部tomcat部署总结

    springboot的web项目的启动主要分为: 一.使用内置tomcat启动 启动方式: 1.IDEA中main函数启动 2.mvn springboot-run 命令 3.java -jar XX ...

  3. HDU-1251-统计难题(Trie树)(BST)(AVL)

    字典树解法(Trie树) Accepted 1251 156MS 45400K 949 B C++ #include"iostream" #include"cstdlib ...

  4. 如何有效地报告Bug

    英文原文:Simon Tatham,编译:Dasn 引言 为公众写过软件的人,大概都收到过很拙劣的bug报告,例如: 在报告中说“不好用”: 所报告内容毫无意义: 在报告中用户没有提供足够的信息: 在 ...

  5. mysql报错2003 ，can't connect to mysql server on “localhost”

    我在安装成功后启动MySQL服务时,服务启动不了,提示:MySQL服务无法启动    服务没有报告任何错误 请键入NET HELPMSG 3534 以获得更多帮助,如下: 解决方案:安装好MySQL后 ...

  6. ZooKeeper源码阅读——client（二）

    原创技术文章,转载请注明:转自http://newliferen.github.io/ 如何连接ZooKeeper集群   要想了解ZooKeeper客户端实现原理,首先需要关注一下客户端的使用方式, ...

  7. java.lang.ClassNotFoundException :xxxxxxx

    码的!java.lang.ClassNotFoundException: org.springframework.jdbc.core.RowMapper这个错误搞了半天 因为写的项目是手动建的WEB- ...

  8. 台式机安装CentOS7.6 Minimal ISO系统并增加图形化桌面

    需求:公司测试环境因业务原因,需要在台式电脑上安装带桌面的CentOS系统,因同事有一个7.6版本Minimal ISO镜像的安装U盘,为了图方便没有去下载everything ISO镜像,而是待同事 ...

  9. 在C代码调用C++代码

    由于历史原因,以及不同开发人员的技术偏好,C语言和C++语言都有一些独有的非常有价值的项目,因而两种语言的互操作,充分利用前人造的轮子是一件非常有价值的事情. C++代码调用C代码很简单,只要分别在包 ...

  10. github 下载部分代码

    作者:知乎用户链接:https://www.zhihu.com/question/25369412/answer/96174755来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注 ...