本例使用一个JavaBean，名为Image.java，包com.zempty.bean下;

三个JSP文件，分别为image.jsp、login.jsp、check.jsp。其中login.jsp是登录页，image.jsp用来调用JavaBean显示图片，check.jsp用来检测输入的验证码是否正确。

Image.java代码如下：

package com.zempty.bean;

import java.awt.Color;

import java.awt.Font;

import java.awt.Graphics;

import java.awt.image.BufferedImage;

import java.io.IOException;

import java.io.OutputStream;

import java.util.Random;

import javax.imageio.ImageIO;

public class Image {

    // 验证码图片中可以出现的字符集，可根据需要修改

    private char mapTable[] = { 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i',

            'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v',

            'w', 'x', 'y', 'z', '0', '1', '2', '3', '4', '5', '6', '7', '8',

            '9' };

    /**

     * 功能：生成彩色验证码图片 参数width为生成图片的宽度，参数height为生成图片的高度，参数os为页面的输出流

     */

    public String getCertPic(int width, int height, OutputStream os) {

        if (width <= 0)

            width = 60;

        if (height <= 0)

            height = 20;

        BufferedImage image = new BufferedImage(width, height,

                BufferedImage.TYPE_INT_RGB);

        // 获取图形上下文

        Graphics g = image.getGraphics();

        // 设定背景色

        g.setColor(new Color(0xDCDCDC));

        g.fillRect(0, 0, width, height);

        // 画边框

        g.setColor(Color.BLACK);

        g.drawRect(0, 0, width - 1, height - 1);

        // 取随机产生的认证码

        String strEnsure = "";

        for (int i = 0; i < 4; ++i) {

            strEnsure += mapTable[(int) (mapTable.length * Math.random())];

        }

        // 将认证码显示到图像中，如果要生成更多位的验证码，增加drawString语句

        g.setColor(Color.BLACK);

        g.setFont(new Font("Atlantic Inline", Font.PLAIN, 18));

        String str = strEnsure.substring(0, 1);

        g.drawString(str, 8, 17);

        str = strEnsure.substring(1, 2);

        g.drawString(str, 20, 15);

        str = strEnsure.substring(2, 3);

        g.drawString(str, 35, 18);

        str = strEnsure.substring(3, 4);

        g.drawString(str, 45, 15);

        // 随机产生10个干扰点

        Random rand = new Random();

        for (int i = 0; i < 10; i++) {

            int x = rand.nextInt(width);

            int y = rand.nextInt(height);

            g.drawOval(x, y, 1, 1);

        }

        // 释放图形上下文

        g.dispose();

        try {

            // 输出图像到页面

            ImageIO.write(image, "JPEG", os);

        } catch (IOException e) {

            System.out.println(e.getMessage());

            return "";

        }

        return strEnsure;

    }

}

image.jsp代码如下：

<%--注意：contentType为image/jpeg--%>
<%@ page contentType="image/jpeg" pageEncoding="UTF-8"%>

<jsp:useBean id="image" class="com.zempty.bean.Image" scope="session" />

<%

    String str = image.getCertPic(0, 0, response.getOutputStream());

    //将验证码存入session

    session.setAttribute("certCode", str);

    out.clear();　　//这句和下面那句要加上，否则会出现getOutputStream() has already been called for this response的错误。

    out = pageContext.pushBody();

%>

login.jsp代码如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>登录页面</title>

</head>

<body>

    <form name="form1" action="check.jsp" method="post">

        用户名：<input type="text" name="username" /> <br /> 密&nbsp;&nbsp;码：<input

            type="password" name="password" /> <br /> 验证码：<input type="text"

            name="certCode" /><img src="data:image.jsp" /> <br /> <input

            type="submit" value="确定" />

    </form>

</body>

</html>

check.jsp代码如下：

<%@ page pageEncoding="UTF-8"%>

<%

    String certCode = request.getParameter("certCode");

    if (certCode.equals((String) session.getAttribute("certCode"))) {

        out.print("验证码输入正确！");

    } else {

        out.print("验证码输入错误！");

    }

%>

演示界面如下：

JSP实例：彩色验证码的更多相关文章

  1. 编写生成彩色验证码的Servlet

    利用Ajax实现无刷新的彩色验证码时,也需要编写一个名称为PictureCheckCode.java的Servlet,该类继承HttpServlet,主要通过service()方法生成验证码. 下面将 ...

  2. C# ：GDI+技术生成复杂型彩色验证码（转载）

    该类是生成一个验证码的类,集合了网上大部分的C#关于GDI+的文章进行多次改进,现在已经形成了可在生产环节中使用的验证码. 该验证码加入了背景噪点,背景噪点曲线和直线,背景噪点文字以及扭曲,调暗,模糊 ...

  3. jsp登陆页面验证码在火狐浏览器不能刷新问题处理方案

    jsp登陆页面在火狐浏览器验证码不能刷新问题处理方案: <img src="YzmServlet" onClick="this.src='YzmServlet?ti ...

  4. formValidator输入验证、异步验证实例 + licenseImage验证码插件实例应用

    实例技术:springmvc 实现功能:完整用户登录流程.输入信息规则校验.验证码异步校验. 功能清单: 1.springmvc控制器处理get请求(/member/login.html),进行静态页 ...

  5. JSP之登录验证码

    1.JSP页面中设置输入选项和验证码 <form action=login.do" method="post" > <div class="l ...

  6. JSP页面生成验证码功能

    <%@ page language="java" contentType="text/html; charset=UTF-8" import=" ...

  7. 2017.11.27 用Servlet在JSP中加入验证码

    登陆界面 <%@ page pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML ...

  8. 在Eclipse配置Tomcat服务器+JSP实例创建

    欢迎任何形式的转载,但请务必注明出处. 1.jdk安装及环境配置 点击进入教程 2.Eclipse安装 点击进入官网下载 注意下载完成打开.exe后,出现的界面,有很多版本供选择.选择下图版本 3.T ...

  9. JSP页面中验证码的调用方法

    步骤: 1.首先是要生成验证码 2.对验证码类进行调用:主要 实现的是  将验证码图片 输出到response.getOutputStream()这个输出流中 调用时,可以在页面调用,也可以在serv ...

随机推荐

  1. （三十三）c#Winform自定义控件-日期控件

    前提 入行已经7,8年了,一直想做一套漂亮点的自定义控件,于是就有了本系列文章. 开源地址:https://gitee.com/kwwwvagaa/net_winform_custom_control ...

  2. MYSQL--存储引擎、数据类型、约束条件、

    存储引擎: 不同的数据应该有不同的处理机制 mysql存储引擎 Innodb:默认的存储引擎  查询速度相比于myisam慢  但是更安全 myisam:mysql老版本用的存储引擎 memory:内 ...

  3. 关于sparksql中设置自定义自增列的相关要点（工作共踩过的坑-1）

    小白终于进入了职场,从事大数据方面的工作! 分到项目组了,搬砖的时候遇到了一个这样的问题. 要求:用spark实现oracle的存储过程中计算部分. 坑:由于报表中包含了一个ID字段,其要求是不同的区 ...

  4. python webdriver 常用元素操作

    1.新建实例 xx_driver = os.path.abspath(r"路径") os.environ["webdriver.xx.driver"] = xx ...

  5. DIY显示器篇------DIY教程

    前言: DIY显示器是这几年才火起来的,或者说这几年在游戏圈火起来的.我第一次看到是在NGA上,一位玩PUBG的大佬自己DIY了一个显示器,27寸 2k 144 ips的屏幕,当时市面上只有四款显示器 ...

  6. windows的磁盘操作之七——获取当前所有的物理磁盘号 加备注

     windows的磁盘操作之七--获取当前所有的物理磁盘号 2011-07-28 17:47:56 标签:windows API DeviceIoControl 物理磁盘 驱动器号 原创作品,允许转载 ...

  7. Python-demo(photo)

    import osimport urllib import requests#import wximport time from fake_useragent import UserAgentfrom ...

  8. CSS3 translate导致字体模糊

    今日客户反馈,发现 使用了 translate会导致字体模糊. .media-body-box{ @media all and (min-width: 992px){ position: absolu ...

  9. jvm系列(四):jvm调优-命令篇

    运用jvm自带的命令可以方便的在生产监控和打印堆栈的日志信息帮忙我们来定位问题!虽然jvm调优成熟的工具已经有很多:jconsole.大名鼎鼎的VisualVM,IBM的Memory Analyzer ...

  10. 用故事解析setTimeout和setInterval(内含js单线程和任务队列)

    区别: setTimeout(fn,t): 延迟调用,超过了时间就调用回调函数,返回一个id,使用clearTimeout(id)取消执行. 注意:取消了里面的回调函数就不执行了哦,而不是取消的时候就 ...