绘图的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>