本例使用一个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. 洛谷 P1196 [NOI2002]银河英雄传说

    题意简述 有30000列,每列都有一艘战舰,编号1~30000 有2种操作: 1.将一列的战舰运到另一列 2.询问两个战舰是否在同一列,如果是,求出它们之间的距离 题解思路 并查集, 维护每个点x离自 ...

  2. 003——Netty之Buffer、Channel以及多路复用器Selector

    Buffer 1.缓冲区类型 2.缓冲区定义 (1)Buffer是一个对象,其中包含写入与读出的数据.是新IO与原IO的重要区别.任何情况下访问NIO中的数据都需要通过缓存区进行操作. (2)Buff ...

  3. PL/SQL 调用 JAVA代码

    1.直接在 SQL Developer中写入代码 create or replace and compile java source named "HelloWorld" as p ...

  4. Tomcat源码分析 （七）----- Tomcat 启动过程(二)

    在上一篇文章中,我们分析了tomcat的初始化过程,是由Bootstrap反射调用Catalina的load方法完成tomcat的初始化,包括server.xml的解析.实例化各大组件.初始化组件等逻 ...

  5. 腾讯PCG（后台开发） 牛客网视频面试 一面

    腾讯视频面试 作为一个小渣渣记录一下,腾讯是我一直想进的公司,但其实准备的时间不是很长,也不是科班还是存在很大的劣势,记录一下找工作的经历. 首先说一下,这是我第一次视频面试,还是蛮紧张的.不过面试官 ...

  6. Hive 系列（一）—— Hive 简介及核心概念

    一.简介 Hive 是一个构建在 Hadoop 之上的数据仓库,它可以将结构化的数据文件映射成表,并提供类 SQL 查询功能,用于查询的 SQL 语句会被转化为 MapReduce 作业,然后提交到 ...

  7. Rikka with Game[技巧]----2019 杭电多校第九场：1005

      Rikka with Game Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 524288/524288 K (Java/Othe ...

  8. 查看centos中的用户和用户组和修改密码

    查看centos中的用户和用户组 1.用户列表文件: vim /etc/passwd/ 2.用户组列表文件: vim /etc/group 3.查看系统中有哪些用户: cut -d : -f /etc ...

  9. cogs 80. 石子归并 动态规划

    80. 石子归并 ★★   输入文件:shizi.in   输出文件:shizi.out   简单对比时间限制:1 s   内存限制:128 MB 设有N堆沙(shi)子排成一排,其编号为1,2,3, ...

  10. CodeForces 1058E

    题意略. 思路:本题有两个关键点: 一.满足题设的区间条件 1.区间内1的个数和为偶数 2.区间内含1个数最多的那一项,它所含1的个数不得超过区间内1的个数和的一半. 二.长度超过60的区间必然满足上 ...