图片验证码的servlet方式的简单实现

首先，图片验证码生成是在servlet中生成，页面上的<IMG>标签中的src属性即使servlet的url，servlet生成完验证码放在session中

这种方式生成的验证码的验证是在后台进行的，页面上用户输入的验证码和session中存储的验证码在后台进行比较。（放在前台会出现不同步的问题）

servlet：

// 使用java图形界面技术绘制一张图片

int charNum = 4;
int width = 30 * 4;
int height = 30;

// 1. 创建一张图片  BufferedImage图像数据缓冲区
BufferedImage bufferedImage = new BufferedImage(width, height,
		BufferedImage.TYPE_INT_RGB);

// 2.获得绘图对象  Graphics绘制图片
Graphics graphics = bufferedImage.getGraphics();

// 3、绘制背景颜色 Color获取颜色
graphics.setColor(Color.YELLOW);
graphics.fillRect(0, 0, width, height);

// 4、绘制图片边框
graphics.setColor(Color.BLUE);
graphics.drawRect(0, 0, width - 1, height - 1);

// 5、输出验证码内容
graphics.setColor(Color.RED);
graphics.setFont(new Font("宋体", Font.BOLD, 20));

// 随机输出4个字符
Graphics2D graphics2d = (Graphics2D) graphics;
 String s = "ABCDEFGHGKLMNPQRSTUVWXYZ23456789";
Random random = new Random();
//session中要用到
String msg="";
int x = 5;
for (int i = 0; i < 4; i++) {
	int index = random.nextInt(32);
	String content = String.valueOf(s.charAt(index));
	msg+=content;
	double theta = random.nextInt(45) * Math.PI / 180;
	//让字体扭曲
    graphics2d.rotate(theta, x, 18);
	graphics2d.drawString(content, x, 18);
	graphics2d.rotate(-theta, x, 18);
	x += 30;
}

// 6、绘制干扰线
graphics.setColor(Color.GRAY);
for (int i = 0; i < 5; i++) {
	int x1 = random.nextInt(width);
	int x2 = random.nextInt(width);

	int y1 = random.nextInt(height);
	int y2 = random.nextInt(height);
	graphics.drawLine(x1, y1, x2, y2);
}

//放置到session中
request.getSession().setAttribute("code", msg);

// 释放资源
graphics.dispose();

// 图片输出 ImageIO输出图片
ImageIO.write(bufferedImage, "jpg", response.getOutputStream());

jsp页面：

<img alt="验证码" id="code" src="${pageContext.request.contextPath }/codeServlet" onClick="changeImg()"/>

js点击更换图片:

function changeImg() {
    //使用javascript脚本来实现局部刷新
    document.getElementById("code").src ="${pageContext.request.contextPath}/codeServlet?"+Math.random();
}

或者：

function changeImg(){
    var element = document.getElementById("code");
    element.setAttribute("src", "${pageContext.request.contextPath}/codeServlet?time=" + new Date().getTime());
}

最后拼加传递参数是为了区分请求连接，重新获取验证码，防止服务器无响应；

--//#这是一个来自未来的超链接，链接到"js实现验证码"

--//#这又是一个来自未来的超链接，链接到"使用第三方开源jar来实现验证码"