代码:
<td align="left">
<div style="padding-bottom:10px;">
<input name="checkimage" id="checkimage" type="text" size="20" value="验证码" style="width:125px;display:inline-block;" οnfοcus="if(this.value == '验证码') this.value = ''" οnblur="if(this.value == '') this.value = '验证码'"/>
<img id="imgid" src="login/loginimage.jsp" οnclick="refreshCheck();" title="看不清,请单击换一张" style="vertical-align:middle;padding-left:10px;"/>
</div>
</td>
通过在输入框中塞入默认值“验证码”以达到清楚本输入框的用处。图片的路径src直接指向生成验证码图片的jsp界面。
function refreshCheck(){
var imgDom = Ext.getDom('imgid');
if(imgDom){
imgDom.src='login/loginimage.jsp?random='+Math.random();
}
}
刷新验证码时,给路径加了时间戳,确保不会发送后即缓存,以使每次点击刷新都能生成新的验证码响应。
<%@ page contentType="image/jpeg" import="java.awt.*,java.awt.image.*,java.util.*,javax.imageio.*,java.util.UUID" %>
<%!
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=110, height=35;
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.ITALIC,25));
//画边框
//g.setColor(new Color());
//g.drawRect(0,0,width-1,height-1);
// 随机产生155条干扰线,使图象中的认证码不易被其它程序探测到
g.setColor(getRandColor(150,200));
for (int i=0;i<155;i++)
{
int x = random.nextInt(width);
int y = random.nextInt(height);
int xl = random.nextInt(20);
int yl = random.nextInt(20);
g.drawLine(x,y,x+xl,y+yl);
}
// 取随机产生的认证码(6位数字)
String uuid = UUID.randomUUID().toString().replace("-", "");
String sRand=uuid .substring(13, 19).toLowerCase();
for (int i=0;i<6;i++){
String rand=String.valueOf(random.nextInt(10));
//sRand+=rand;
// 将认证码显示到图象中
g.setColor(new Color(20+random.nextInt(110),20+random.nextInt(110),20+random.nextInt(110)));
//调用函数出来的颜色相同,可能是因为种子太接近,所以只能直接生成
g.drawString(sRand.substring(i,i+1),15*i+10,25);
}
// 将认证码存入SESSION
session.setAttribute("rand",sRand);
// 图象生效
g.dispose();
// 输出图象到页面
ImageIO.write(image, "JPEG", response.getOutputStream());
response.flushBuffer();
out.clear();
out = pageContext.pushBody();
%>
在jsp中直接使用java比较快捷,但是注意重要的内容如果是重要的内容就不要如此操作,主要因为验证码的作用就是防止暴力破解。
参考文章:
url后添加时间戳的作用
验证码的作用