天下智能 发表于 2013-2-6 09:41:07

jsp验证码

页面预览:
http://dl.iteye.com/upload/attachment/333000/c535e6a3-c3d8-3489-9c95-20d8d4bff757.jpg


产生imgage图片,image页面
<%@ page contentType="image/jpeg" import="java.awt.*,java.awt.image.*,java.util.*,javax.imageio.*"pageEncoding="GBK"%> <%!    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);    }    // 取随机产生的认证码(4位数字)    String sRand="";    for (int i=0;i<4;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(rand,13*i+6,16);    }    // 将认证码存入SESSION    session.setAttribute("rand",sRand);    // 图象生效    g.dispose();    // 输出图象到页面    ImageIO.write(image, "JPEG", response.getOutputStream());    %>

前台验证页面:
<div style="width: 540px;height:288px;margin: 10px 10px 10px 10px;overflow: hidden;"><div style="width: 356px;height: 288px;margin-right: 12px;border: 1px solid #b0c4d8;float: left;overflow: hidden;padding: 10px 0px 0px 20px;"><ul style="margin-top: 10px;"><li style="height: 25px;text-align: left;">请输入集点券上的数字串(无空格)</li><li style="height: 35px;text-align: left;"><input id="ymobile_no" name="ymobile_no" value="" style="height: 20px;width: 200px;border: 1px solid #6699cc;font-size: 12px;"/></li><li style="height: 40px;text-align: left;margin-bottom: 70px;"><div style="float: left;margin-right: 5px;">验证码:<input id="ymobile_no" name="ymobile_no" value="" style="height: 20px;width: 70px;border: 1px solid #6699cc;font-size: 12px;"/></div><div style="float: left;"><img id="imgcode"src="image.jsp" style="cursor:pointer;"></div><dir>看不清?<a href='javascript:reloadcode();' title="换一张">换一张</a></dir> </li><li style="height: 40px;text-align: center;"><a href="goods_list.jsp" style="margin-right: 40px;"><img src="img/addjid.jpg" style="cursor:hand;"></a>    <a href="goods_list.jsp"><img src="img/returnjid.jpg" style="cursor:hand;"/></a></li><li style="height: 20px;text-align: left;">提示:添加后您可以在集点账户中选择对应账户即可对集点</li><li style="height: 20px;text-align: left;">进行兑换,查看详情等。</li></ul></div>
页: [1]
查看完整版本: jsp验证码