基于jfinal源代码中的com.jfinal.ext.render.CaptchaRender改写而来。同时参考了 

做了以下改变：

1）去掉高度和宽度设定，改为高度固定，宽度依据字符个数自动计算。2）默认对大小写不敏感。3）验证码及其md5散列由渲染时声称变为初始化时生成。4）添加获取md5散列的方法。

基本思路：

CaptchaRender 初始化时同时生成验证码以及md5散列后的验证码，CaptchaRender添加一个方法可以i获取到md5散列后的验证码，这个md5散列后的验证码的由调用方法保存，想存哪里就存哪里，session，cooki，分布式cache中都行，这个md5散列后的验证码也可以发给客户端，通过MD5.js 来进行浏览器端的验证码校验，控制权交给调用方。

上代码：

 

package com.jfinal.ext.render;import java.awt.Color;import java.awt.Font;import java.awt.Graphics;import java.awt.image.BufferedImage;import java.io.IOException;import java.security.MessageDigest;import java.util.Random;import javax.imageio.ImageIO;import javax.servlet.ServletOutputStream;import com.jfinal.kit.StringKit;import com.jfinal.render.Render;/** * 验证码Render，这个验证码Render在构造函数里就已经创建好了随机码以及md5散列后的随机码。 * 调用方式如下： * CaptchaRender captchaRender = new CaptchaRender(); * String md5RandonCode = captchaRender.getMd5RandonCode(); * 保存md5RandonCode到session、cookie或者其他地方 * render(captchaRender); * 基于JFinal的版本修改。 * */public class CaptchaRender extends Render{	private static final long serialVersionUID = -7599510915228560611L;	/**	 * 随机码生成字典	 */	private static final String[] strArr = {"3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F", "G", "H", "J", "K", "M", "N", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y"};	/**	 * 默认存储时使用的key,将md5散列后的随机码保存至session，cookie时使用。	 */	public static final String DEFAULT_CAPTCHA_MD5_CODE_KEY = "_CAPTCHA_MD5_CODE_";	/**	 * 图片宽度	 */	private final int imgWidth;	/**	 * 图片高度	 */	private final int imgHeight;	/**	 * 随机生成字符数量	 */	private final int imgRandNumber;	/**	 * 生成的随机码	 */	private final String randonCode;	/**	 * md5散列后的随机码	 */	private final String md5RandonCode;	/**	 * 构造函数,随机生成6个字符。	 */	public CaptchaRender() {		this(6);	}	/**	 * 构造函数	 * @param imgRandNumber 随机生成多少个字符,最少4个字符。	 */	public CaptchaRender(int imgRandNumber) {		if(imgRandNumber < 4)		{			imgRandNumber = 4;		}		this.imgWidth = 16*imgRandNumber + 12;		this.imgHeight = 26;		this.imgRandNumber = imgRandNumber;		this.randonCode = generateRandonCode();		this.md5RandonCode = encrypt(randonCode);	}	/**	 * 获取md5散列后的验证码，调用发需妥善保存此验证码。	 * @return md5散列后的验证码	 */	public String getMd5RandonCode(){		return this.md5RandonCode;	}	/**	 * 依据字典生成随即码	 * @return 随机码	 */	private String generateRandonCode(){		// 生成随机类		Random random = new Random();		String sRand = "";		for (int i = 0; i < imgRandNumber; i++) {			String rand = String.valueOf(strArr[random.nextInt(strArr.length)]);			sRand += rand;		}		return sRand;	}	/**	 * 渲染图片	 */	public void render() {		BufferedImage image = new BufferedImage(imgWidth, imgHeight, BufferedImage.TYPE_INT_RGB);		drawGraphic(image);		response.setHeader("Pragma","no-cache");        response.setHeader("Cache-Control","no-cache");        response.setDateHeader("Expires", 0);        response.setContentType("image/jpeg");        ServletOutputStream sos = null;        try {			sos = response.getOutputStream();			ImageIO.write(image, "jpeg",sos);		} catch (Exception e) {			throw new RuntimeException(e);		}		finally {			if (sos != null)				try {sos.close();} catch (IOException e) {e.printStackTrace();}		}	}	/**	 * 绘制验证码	 * @param image BufferedImage对象	 */	private void drawGraphic(BufferedImage image){		// 获取图形上下文		Graphics g = image.createGraphics();		// 生成随机类		Random random = new Random();		// 设定背景色		g.setColor(getRandColor(200, 250));		g.fillRect(0, 0, imgWidth, imgHeight);		// 设定字体		g.setFont(new Font("Times New Roman", Font.PLAIN, 18));		// 随机产生155条干扰线，使图象中的认证码不易被其它程序探测到		g.setColor(getRandColor(160, 200));		for (int i = 0; i < 155; i++) {			int x = random.nextInt(imgWidth);			int y = random.nextInt(imgHeight);			int xl = random.nextInt(12);			int yl = random.nextInt(12);			g.drawLine(x, y, x + xl, y + yl);		}		g.setFont(new Font("TimesRoman", Font.PLAIN, 20));		//取随机产生的认证码(img_randNumber位数字)		for (int i = 0; i < imgRandNumber; i++) {			String rand = String.valueOf(this.randonCode.charAt(i));			// 将认证码显示到图象中			g.setColor(new Color(20 + random.nextInt(110), 20 + random.nextInt(110), 20 + random.nextInt(110)));			// 调用函数出来的颜色相同，可能是因为种子太接近，所以只能直接生成			g.drawString(rand, 16 * i + 6, 21);		}		// 图象生效		g.dispose();	}	/**	 * 生成随机颜色	 * @param fc	 * @param bc	 * @return 颜色对象	 */	private Color getRandColor(int fc, int bc) {		Random random = new Random();		if (fc > 255)			fc = 255;		if (bc > 255)			bc = 255;		int r = fc + random.nextInt(bc - fc);		int g = fc + random.nextInt(bc - fc);		int b = fc + random.nextInt(bc - fc);		return new Color(r, g, b);	}	/**	 * 使用md5散列字符串	 * @param srcStr 输入的字符串	 * @return 加密后的字符串	 */	private static final String encrypt(String srcStr) {		try {			String result = "";			MessageDigest md = MessageDigest.getInstance("MD5");			byte[] bytes = md.digest(srcStr.getBytes("utf-8"));			for(byte b:bytes){				String hex = Integer.toHexString(b&0xFF).toUpperCase();				result += ((hex.length() ==1 ) ? "0" : "") + hex;			}			return result;		} catch (Exception e) {			throw new RuntimeException(e);		}	}	/**	 * 验证码检查	 * @param md5RandomCode  md5散列后的验证码	 * @param inputRandomCode 用户输入的验证码	 * @return 若二者一致，返回true，否则返回false	 */	public static boolean validate(String md5RandomCode, String inputRandomCode) {		if (StringKit.isBlank(md5RandomCode) || StringKit.isBlank(inputRandomCode))			return false;		try {			inputRandomCode = inputRandomCode.toUpperCase();			inputRandomCode = encrypt(inputRandomCode);			return inputRandomCode.equals(md5RandomCode);		} catch (Exception e) {			e.printStackTrace();			return false;		}	}}

 

action代码如下：

CaptchaRender img = new CaptchaRender(4); this.setSessionAttr(CaptchaRender.DEFAULT_CAPTCHA_MD5_CODE_KEY, img.getMd5RandonCode());render(img);

页面代码，点击自动刷新：

 

    
     	function refushcode(){		var d = new Date();		//为了避免服务器或者浏览器缓存，添加了一个额外的参数		document.getElementById("safecode").src="${BASE_PATH}/au/img?t="+d.toString(40);	}   
     
    

验证action代码：

 

String captchaCode = getPara("captchaCode");Object objMd5RandomCode = this.getSessionAttr(CaptchaRender.DEFAULT_CAPTCHA_MD5_CODE_KEY);			String md5RandomCode = null;			if(objMd5RandomCode != null){				md5RandomCode = objMd5RandomCode.toString();				this.removeSessionAttr(CaptchaRender.DEFAULT_CAPTCHA_MD5_CODE_KEY);			}			if(!CaptchaRender.validate(md5RandomCode, captchaCode)){				this.setFlash("username", username);				this.setFlash("password", password);				this.setFlash("msg", "验证码错误，请输入正确的验证码");				redirect(ShiroKit.getLoginUrl());				return;			}

打完收工。