本例使用一个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. AOSP 预置 APP

    Android 系统预置 APP 是做 Framework 应用开发经常经常会遇到的工作,预置 APP 分为两种,一种是直接预置 APK,一种是预置带有源码的 APP. 预置 apk 示例说明 以 . ...

  2. .net软件开发脚本规范-SVN标准

    一. SVN标准 1) 提交代码前先获取最新代码 2) 提交时需要填写信息,填写任务Excel中的修改内容列,如以下任务填写“业绩考核-工作量管理”,如果发生修改再次提交,在其后加上修改原因,例“业绩 ...

  3. VU TPS QPS RT 计算公式

    1.背景 最近看了阿里巴巴中间件写的一篇文章,讲述了关于并发,RPS,RT之间的关系.感觉收获颇丰.自己使用JMeter工具对公式进行了验证. 2.验证 我们先来看几个基础知识定义: TPS:每秒完成 ...

  4. 解决多字段联合逻辑校验问题【享学Spring MVC】

    每篇一句 不要像祥林嫂一样,天天抱怨着生活,日日思考着辞职.得罪点说一句:"沦落"到要跟这样的人共事工作,难道自己身上就没有原因? 前言 本以为洋洋洒洒的把Java/Spring数 ...

  5. net core 3.0 之Grpc新特性小试牛刀

      相信微服务大家伙都有听说和知道,好处弊端咱也不多说了,Grpc算是一个比较全面的微服务框架,也得到微软的支持 总结下来就是,跨平台,可靠,通信快,扩展性强,网络消耗小,模板多语言通用 光说好处,没 ...

  6. MinorGC和FullGC的触发条件

    前言 无论是日常工作,还是企业面试,我们都会经常接触到GC.我们都知道GC是java中的垃圾回收策略.GC帮我们省去了很多事.在GC中,我经常听到的就属于MinorGC和FullGC了.那么在什么情况 ...

  7. 基于随机游走的三维网格分割算法（Random Walks）

    首先以一维随机游走(1D Random Walks)为例来介绍下随机游走(Random Walks)算法,如下图所示,从某点出发,随机向左右移动,向左和向右的概率相同,都为1/2,并且到达0点或N点则 ...

  8. Oracle笔记_多表查询

    1 执行sql文件 @文件地址名 --执行某个sql文件: 2 多表查询 想要的数据不在同一张表,就需要多个表进行联查. 多表查询也叫做表连接查询,其中的where条件就是连接条件. 可以使用join ...

  9. 随笔编号-06 MYSQL数据库相关知识合集

    1  MYSQL取得某一范围随机数: 关键词:RAND() [产生0~1之间的随机数] mysql> SELECT RAND( ), RAND( ), RAND( ); +----------- ...

  10. python 39 socketserver 模块并发通信

    socketserver模块 socketserver模块实现一个服务端与多个客户端通信.是在socket的基础上进行了一层封装,底层还是调用的socket. socketserver干了两件事: 1 ...