验证码实现方法--可下载源码

最新推荐文章于 2022-02-22 11:34:13 发布

原创最新推荐文章于 2022-02-22 11:34:13 发布 · 750 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#random #javascript #import #ajax #exception #html

Web开发专栏收录该内容

7 篇文章

订阅专栏

今天下午无聊，看一下验证码的实现原理，一般是通过Ajax实现，所以我把Ajax里面要用到的两个js拿出来了。直接实现的，个人感觉可能更方便一些，特别是对Ajax原理不是太明白的，可以直接拿过来用。

目录结构如下：

index.jsp文件 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>验证码实现</title> <mce:script src="js/dwr.js" mce_src="js/dwr.js"></mce:script> <mce:script src="js/engine.js" mce_src="js/engine.js"></mce:script> <mce:script src="js/util.js" mce_src="js/util.js"></mce:script> </head> <body> <a href="javascript:void(0)" mce_href="javascript:void(0)" title="看不清楚？换一张" onclick=changeImage();;> <img src="image.jsp" mce_src="image.jsp" id="imageVa" /> </a> </body> </html>

image.jsp文件 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ page contentType="image/jpeg" 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); } // 取随机产生的认证码(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(); // 输出图象到页面 try{ ImageIO.write(image, "JPEG", response.getOutputStream()); out.clear(); out = pageContext.pushBody(); }catch(Exception e){ e.getMessage(); } %>

dwr.js文件 function changeImage() { $('imageVa').src = "image.jsp?num=" + Math.random(); }

engine.js和util.js都是从dwr.jar包中直接取出来的。