本例使用一个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. 为什么双重检查锁模式需要 volatile ？

    双重检查锁定(Double check locked)模式经常会出现在一些框架源码中,目的是为了延迟初始化变量.这个模式还可以用来创建单例.下面来看一个 Spring 中双重检查锁定的例子. 这个例子 ...

  2. html5 placeholder属性兼容ie11

    placeholder 属性是html5的属性,用于提供描述输入字段预期值的提示信息(hint). 简单例子: <!DOCTYPE HTML> <html> <body& ...

  3. 并查集模板题----P3367 【模板】并查集

    题目描述 如题,现在有一个并查集,你需要完成合并和查询操作. 输入格式 第一行包含两个整数N.M,表示共有N个元素和M个操作. 接下来M行,每行包含三个整数Zi.Xi.Yi 当Zi=1时,将Xi与Yi ...

  4. idea + springboot 的java后台服务器通过小米推送

    public class XiaomiPush { // 1.小米推送(我只推送Android且只应用regId发起推送,所以下面只有推送Android的代码 private static final ...

  5. NuGet的安装和使用

    好久没有用NuGet了.今天项目中正好有需要.因长时间不用,所以还要去网上看攻略,索性记录下来免得再出现类似情况.(我是一个比较懒得人,不喜欢写博客园,平时都随手整理到本地PC上.以后要努力改掉这个坏 ...

  6. [系列] go-gin-api 规划目录和参数验证（二）

    目录 概述 规划目录结构 模型绑定和验证 自定义验证器 制定 API 返回结构 源码地址 go-gin-api 系列文章 概述 首先同步下项目概况: 上篇文章分享了,使用 go modules 初始化 ...

  7. ubuntu18.04安装docker

    本文基于unbuntu18.04版本来安装docker,步骤如下: 1:右击桌面->打开终端(E). 2::输入以下命令: sudo snap install docker ,输入密码之后出下图 ...

  8. 【转】python爬虫之腾讯视频vip下载

    本文转自如下:作者:jia666666 原文:https://blog.csdn.net/jia666666/article/details/82466553 版权声明:本文为博主原创文章,转载请附上 ...

  9. python 25 类的成员

    目录 1. 类的私有成员 -- __ 1.1 类的私有静态属性 1.2 类的私有方法 1.3 对象的私有方法 2. 类的其他方法 2.1 类方法 @classmethod 2.2 静态方法 @stat ...

  10. Python 基础1 - 位运算符

    引言 本文主要介绍位运算符,实际上Python有以下7类运算符: [赋值运算符].[比较运算符].[算术运算符].[逻辑运算符].[身份运算符].[成员运算符].[位运算符] 位运算符 按位运算符是把 ...