java绘制验证码

绘图的image.jsp:

<%@ page contentType="image/jpeg;charset=gb2312"
	import="java.awt.*,
java.awt.image.*,java.util.*,javax.imageio.*"%>

<%!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);
	}%>
<%
	//设置页面不缓存
	response.setHeader("Pragma", "No-cache");
	response.setHeader("Cache-Control", "no-cache");
	response.setDateHeader("Expires", 0);

	// 在内存中创建图象
	int width = 60, height = 20;
	BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);

	// 获取图形上下文
	Graphics g = image.getGraphics();

	//生成随机类
	Random random = new Random();

	// 设定背景色
	g.setColor(getRandColor(200, 250));
	g.fillRect(0, 0, width, height);

	//设定字体
	g.setFont(new Font("Times New Roman", Font.PLAIN, 18));

	//画边框
	//g.setColor(new Color());
	//g.drawRect(0, 0, width - 1, height - 1);

	// 随机产生155条干扰线,使图象中的认证码不易被其它程序探测到
	g.setColor(getRandColor(160, 200));
	for (int i = 0; i < 155; i++) {
		int x = random.nextInt(width);
		int y = random.nextInt(height);
		int xl = random.nextInt(12);
		int yl = random.nextInt(12);
		g.drawLine(x, y, x + xl, y + yl);
	}

	String r = request.getParameter("random");
	// 取随机产生的认证码(4位数字)
	String rand = "";
	if (r != null) {
		for (int i = 0; i < 4; i++) {
			rand = r.substring(i, i + 1);
			// 将认证码显示到图象中
			g.setColor(new Color(20 + random.nextInt(110), 20 + random.nextInt(110), 20 + random.nextInt(110)));
			//调用函数出来的颜色相同,可能是因为种子太接近,所以只能直接生成
			g.drawString(rand, 13 * i + 6, 16);
		}
	}
	// 将认证码存入SESSION
	//session.setAttribute("random", sRand);

	// 图象生效
	g.dispose();

	// 输出图象到页面
	ImageIO.write(image, "JPEG", response.getOutputStream());

	out.clear();
	out = pageContext.pushBody();
%>

主页的jsp:

<body οnlοad="refresh()">
<form name="form" οnsubmit="return check()"
				action="user!login.action" method="post">
				<table align="center" style="margin-top:120px; ">
					<tr>
						<td height="54" align="center"><font color="#FFFFFF"><strong>用户名:</strong> </font>
						</td>
						<td width="181" height=54><input id="account"
							name="userVO.account">
						</TD>
					</tr>
					<tr>
						<td height="54"><font color="#FFFFFF"><strong>密  码:</strong>
						</font>
						</td>
						<td width="181" height=54><input id="password"
							type="Password" name="userVO.password"></TD>
					</tr>
					<tr>
						<td height="54" align="center"><font color="#FFFFFF"><strong>验证码:</strong> </font>
						</td>
						<td><input type=text name=rand id="random" maxlength=4 size=7>   <img
							align="top" id="randomImg" src="image.jsp" οnclick="refresh()" />
						</td>
					</tr>
					<tr>
						<td colspan="2" align=center><br> <input type=submit
							value=登陆>   <strong><font
								color="white"><input type="button" value="注册"
									οnclick="window.location.href='register.jsp'"> </font> </strong>
						</td>
					</tr>
				</table>
			</form>
	<script type="text/javascript">
		//产生随机验证码
		var chars = [ '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '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' ];
		function generateMixed(n) {
			var res = "";
			for ( var i = 0; i < n; i++) {
				var id = Math.ceil(Math.random() * 35);
				res += chars[id];
			}
			return res;
		}
		var random = "";
		function refresh() {
			random = generateMixed(4);
			$("#randomImg").attr("src", "image.jsp?" + Math.random() + "&random=" + random);
		}
		function check() {
			if ($("#account").val() == "") {
				alert("请输入用户名!");
				form.account.focus();
				return false;
			}
			if ($("#password").val() == "") {
				alert("请输入密码!");
				form.password.focus();
				return false;
			}
			if ($("#random").val() == "") {
				alert("验证码不能为空!");
				form.random.focus();
				return false;
			}
			if ($("#random").val().toUpperCase() != random) {
				alert("验证码不正确!");
				form.random.focus();
				return false;
			}
		}
	</script>
</body>





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值