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. SpringBoot中使用task实现定时任务

    定时任务实现的几种方式: Timer:这是java自带的java.util.Timer类,这个类允许你调度一个java.util.TimerTask任务.使用这种方式可以让你的程序按照某一个频度执行, ...

  2. IDEA+selenium3+火狐/谷歌驱动 JAVA初步环境搭建 笔记

    0 环境 系统环境:win7 selenium驱动 谷歌浏览器以及驱动 火狐浏览器以及驱动 1 驱动地址的下载 1.1 selenium jar包 https://www.seleniumhq.org ...

  3. python、anaconda、jupyter notebook、pycharm、spyder

    说明: 1.anaconda把任何东西都当做包来管理. 2.anaconda本省集成了python和conda.spyder.numpy等. 3.pip只用于python,conda可用于多种语言. ...

  4. spring boot原理分析启动依赖中parent帮我们干了什么

    主要内容: 1:分析spring-boot-starter-parent 这个依赖 通过前面几篇文章的学习,我们感受到了spring boot的魅力.最明显的感觉就是pom.xml文件.代码少了很多. ...

  5. mycat（读写分离、负载均衡、主从切换）

    博主本人平和谦逊,热爱学习,读者阅读过程中发现错误的地方,请帮忙指出,感激不尽 1.环境准备 1.1新增两台虚拟机 mycat01:192.168.247.81 mycat02:192.168.247 ...

  6. C语言返回值

    C语言函数在结束的时候可以用一个数字表示运行的结果,这个数字就叫做函数的返回值. 主函数应该有一个返回值.如果这个返回值是0就表示程序希望计算机认为它正常结束,如果不是0就表示程序希望计算机认为它是出 ...

  7. 蓝桥杯-PREV3-带分数

    有人管蓝桥杯叫暴力杯,现在感觉还是挺贴切的.看到这题首先想到让i从1到n循环,首先判断i中无重复数字,再怎样判断能否用剩下的数构成n - i的假分数.之后看了题解.发现思路错了. 总结两点: 1.蓝桥 ...

  8. deeplearning.ai 神经网络和深度学习 week1 深度学习概论

    1. 预测房价.广告点击率:典型的神经网络,standard NN. 图像:卷积神经网络,CNN. 一维序列数据,如音频,翻译:循环神经网络,RNN. 无人驾驶,涉及到图像.雷达等更多的数据类型:混合 ...

  9. STL中map的使用

    知识点 C++中map提供的是一种键值对容器,里面的数据都是成对出现的.map内部自建一颗红黑树(一种非严格意义上的平衡二叉树),这颗树具有对数据自动排序的功能,所以在map内部所有的数据都是有序的. ...

  10. SHELL用法八（Grep语句）

    1.SHELL编程Grep语句案例实战 1)Find是Linux操作系统文件和目录的路径检索.查询工具,而Grep是Linux系统下文本文件内容检索或者匹配工具,Grep称为全局正则表达式检索工具,在 ...