Jsp常用技巧:图片验证码

网络整理 - 07-27

思路:

图片验证码的实现主要的技术点是如何生成一个图片。生成图片可以使用java.awt包下的类来实现。我们先写一个简单的生成图片的程序HelloImage.java。以下是代码部分。

package com.vogoal.test;
import java.awt.Color;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import javax.imageio.ImageIO;
/**
* @author SinNeR@blueidea.com
* create a image
*/
public class HelloImage {
    public static void main(String[] args){
        BufferedImage image = new BufferedImage(80, 25,
                BufferedImage.TYPE_INT_RGB);
        Graphics g = image.getGraphics();
        g.setColor(new Color(255,255,255));
        g.fillRect(0, 0, 80, 25);
        g.setColor(new Color(0,0,0));
        g.drawString("HelloImage",6,16);
        g.dispose();
        try{
            ImageIO.write(image, "jpeg", new File("C:\\helloImage.jpeg"));
        }catch(IOException e){
            e.printStackTrace();
        }
    }
}

编译后,在DOS下调用这个程序,正常情况下,会在C盘根目录下生成一张名字helloImage.jpeg为的图片。图片上有文字HelloImage。

简单介绍下生成图片的流程:

建立BufferedImage对象。指定图片的长度宽度和色彩。
BufferedImage image = new BufferedImage(80,25,BufferedImage.TYPE_INT_RGB);
取得Graphics对象,用来绘制图片。
Graphics g = image.getGraphics();
绘制图片背景和文字。
释放Graphics对象所占用的资源。
g.dispose();
通过ImageIO对象的write静态方法将图片输出。
ImageIO.write(image, "jpeg", new File("C:\\helloImage.jpeg"));
知道了图片的生成方法,剩下的问题就是如何将随机数生成到页面上了。要显示图片,我们只要将生成的图片流返回给response对象,这样用户请求的时候就可以得到图片。而一个jsp页面的page参数的contentType属性可以指定返回的response对象的形式,我们平时的jsp页面中设定的contentType是text/html,所以会被以HTML文件的形式读取分析。如果设定为image/jpeg,就会被以图片的形式读取分析。确定了这点后就可以着手实现。

修改生成图片的类,添加生成随机字符串的方法,并取得用户传过来的response对象将图片流输出到response对象中。同时为了更友好和可订制,添加了一个构造函数,可以修改图片验证码的长度,以及验证码的码字范围。并且可以设定验证码的背景色。(用户使用时可以设定验证图片的背景色与页面的背景色相同)
写一个jsp文件,用来调用生成验证码图片的类。并得到生成的验证码,存入session。
以下是生成验证码图片的类RandImgCreater。(操作系统的原因,没有写注释,避免乱码)

package com.vogoal.util.img;
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;
import javax.imageio.ImageIO;
import javax.servlet.http.HttpServletResponse;
/**
* @author SinNeR
*
* image check creater
*/
public class RandImgCreater {
    private static final String CODE_LIST = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890";
    private HttpServletResponse response = null;
    private static final int HEIGHT = 20;
    private static final int FONT_NUM = 4;
    private int width = 0;
    private int iNum = 0;
    private String codeList = "";
    private boolean drawBgFlag = false;
   
    private int rBg = 0;
    private int gBg = 0;
    private int bBg = 0;
    public RandImgCreater(HttpServletResponse response) {
        this.response = response;
        this.width = 13 * FONT_NUM + 12;
        this.iNum = FONT_NUM;
        this.codeList = CODE_LIST;
    }
   
    public RandImgCreater(HttpServletResponse response,int iNum,String codeList) {
        this.response = response;
        this.width = 13 * iNum + 12;