`
hepeng1688
  • 浏览: 93903 次
  • 来自: ...
社区版块
存档分类
最新评论

校验码生成器

    博客分类：
  • jsp
浏览器ServletjQueryJavaScriptAjax 
阅读更多

1.思路:

页面上的验证码图片是servlet,采用jquery实现异步校验信息

 

2.所用到的文件

VerifyCodeServlet.java   --用于生成图片的servlet

ResultServlet.java          --用于校验验证码正确性的servlet

verifyCode.js                  --校验的js文件

jquery.js                         --jquery包里的源文件

verifyCode.jsp                --页面

 

3.代码

VerifyCodeServlet.java

 

Java代码 复制代码
  1. import java.awt.Color;   
  2. import java.awt.Font;   
  3. import java.awt.Graphics2D;   
  4. import java.awt.image.BufferedImage;   
  5. import java.util.Random;   
  6.   
  7. import javax.imageio.ImageIO;   
  8. import javax.servlet.ServletException;   
  9. import javax.servlet.ServletOutputStream;   
  10. import javax.servlet.http.HttpServlet;   
  11. import javax.servlet.http.HttpServletRequest;   
  12. import javax.servlet.http.HttpServletResponse;   
  13. import javax.servlet.http.HttpSession;   
  14.   
  15. public class VerifyCodeServlet extends HttpServlet {   
  16.   
  17.     // 验证码图片的宽度。   
  18.     private int width = 60;   
  19.   
  20.     // 验证码图片的高度。   
  21.     private int height = 20;   
  22.   
  23.     // 验证码字符个数   
  24.     private int codeCount = 4;   
  25.   
  26.     private int x = 0;   
  27.   
  28.     // 字体高度   
  29.     private int fontHeight;   
  30.   
  31.     private int codeY;   
  32.   
  33.     char[] codeSequence = { 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J',   
  34.             'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W',   
  35.             'X', 'Y', 'Z', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' };   
  36.   
  37.     /**  
  38.      * 初始化验证图片属性  
  39.      */  
  40.     public void init() throws ServletException {   
  41.         // 从web.xml中获取初始信息   
  42.         // 宽度   
  43.         String strWidth = this.getInitParameter("width");   
  44.         // 高度   
  45.         String strHeight = this.getInitParameter("height");   
  46.         // 字符个数   
  47.         String strCodeCount = this.getInitParameter("codeCount");   
  48.   
  49.         // 将配置的信息转换成数值   
  50.         try {   
  51.             if (strWidth != null && strWidth.length() != 0) {   
  52.                 width = Integer.parseInt(strWidth);   
  53.             }   
  54.             if (strHeight != null && strHeight.length() != 0) {   
  55.                 height = Integer.parseInt(strHeight);   
  56.             }   
  57.             if (strCodeCount != null && strCodeCount.length() != 0) {   
  58.                 codeCount = Integer.parseInt(strCodeCount);   
  59.             }   
  60.         } catch (NumberFormatException e) {   
  61.         }   
  62.   
  63.         x = width / (codeCount + 1);   
  64.         fontHeight = height - 2;   
  65.         codeY = height - 4;   
  66.   
  67.     }   
  68.   
  69.     protected void service(HttpServletRequest req, HttpServletResponse resp)   
  70.             throws ServletException, java.io.IOException {   
  71.   
  72.         // 定义图像buffer   
  73.         BufferedImage buffImg = new BufferedImage(width, height,   
  74.                 BufferedImage.TYPE_INT_RGB);   
  75.         Graphics2D g = buffImg.createGraphics();   
  76.   
  77.         // 创建一个随机数生成器类   
  78.         Random random = new Random();   
  79.   
  80.         // 将图像填充为白色   
  81.         g.setColor(Color.WHITE);   
  82.         g.fillRect(0, 0, width, height);   
  83.   
  84.         // 创建字体，字体的大小应该根据图片的高度来定。   
  85.         Font font = new Font("Fixedsys", Font.PLAIN, fontHeight);   
  86.         // 设置字体。   
  87.         g.setFont(font);   
  88.   
  89.         // 画边框。   
  90.         g.setColor(Color.BLACK);   
  91.         g.drawRect(0, 0, width - 1, height - 1);   
  92.   
  93.         // 随机产生160条干扰线，使图象中的认证码不易被其它程序探测到。   
  94.         g.setColor(Color.BLACK);   
  95.         for (int i = 0; i < 160; i++) {   
  96.             int x = random.nextInt(width);   
  97.             int y = random.nextInt(height);   
  98.             int xl = random.nextInt(12);   
  99.             int yl = random.nextInt(12);   
  100.             g.drawLine(x, y, x + xl, y + yl);   
  101.         }   
  102.   
  103.         // randomCode用于保存随机产生的验证码，以便用户登录后进行验证。   
  104.         StringBuffer randomCode = new StringBuffer();   
  105.         int red = 0, green = 0, blue = 0;   
  106.   
  107.         // 随机产生codeCount数字的验证码。   
  108.         for (int i = 0; i < codeCount; i++) {   
  109.             // 得到随机产生的验证码数字。   
  110.             String strRand = String.valueOf(codeSequence[random.nextInt(36)]);   
  111.             // 产生随机的颜色分量来构造颜色值，这样输出的每位数字的颜色值都将不同。   
  112.             red = random.nextInt(255);   
  113.             green = random.nextInt(255);   
  114.             blue = random.nextInt(255);   
  115.   
  116.             // 用随机产生的颜色将验证码绘制到图像中。   
  117.             g.setColor(new Color(red, green, blue));   
  118.             g.drawString(strRand, (i + 1) * x, codeY);   
  119.   
  120.             // 将产生的四个随机数组合在一起。   
  121.             randomCode.append(strRand);   
  122.         }   
  123.         // 将四位数字的验证码保存到Session中。   
  124.         HttpSession session = req.getSession();   
  125.         session.setAttribute("validateCode", randomCode.toString());   
  126.   
  127.         // 禁止图像缓存。   
  128.         resp.setHeader("Pragma", "no-cache");   
  129.         resp.setHeader("Cache-Control", "no-cache");   
  130.         resp.setDateHeader("Expires", 0);   
  131.   
  132.         resp.setContentType("image/jpeg");   
  133.   
  134.         // 将图像输出到Servlet输出流中。   
  135.         ServletOutputStream sos = resp.getOutputStream();   
  136.         ImageIO.write(buffImg, "jpeg", sos);   
  137.         sos.close();   
  138.     }   
  139.   
  140. }  
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.util.Random;

import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

public class VerifyCodeServlet extends HttpServlet {

	// 验证码图片的宽度。
	private int width = 60;

	// 验证码图片的高度。
	private int height = 20;

	// 验证码字符个数
	private int codeCount = 4;

	private int x = 0;

	// 字体高度
	private int fontHeight;

	private int codeY;

	char[] codeSequence = { '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', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' };

	/**
	 * 初始化验证图片属性
	 */
	public void init() throws ServletException {
		// 从web.xml中获取初始信息
		// 宽度
		String strWidth = this.getInitParameter("width");
		// 高度
		String strHeight = this.getInitParameter("height");
		// 字符个数
		String strCodeCount = this.getInitParameter("codeCount");

		// 将配置的信息转换成数值
		try {
			if (strWidth != null && strWidth.length() != 0) {
				width = Integer.parseInt(strWidth);
			}
			if (strHeight != null && strHeight.length() != 0) {
				height = Integer.parseInt(strHeight);
			}
			if (strCodeCount != null && strCodeCount.length() != 0) {
				codeCount = Integer.parseInt(strCodeCount);
			}
		} catch (NumberFormatException e) {
		}

		x = width / (codeCount + 1);
		fontHeight = height - 2;
		codeY = height - 4;

	}

	protected void service(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, java.io.IOException {

		// 定义图像buffer
		BufferedImage buffImg = new BufferedImage(width, height,
				BufferedImage.TYPE_INT_RGB);
		Graphics2D g = buffImg.createGraphics();

		// 创建一个随机数生成器类
		Random random = new Random();

		// 将图像填充为白色
		g.setColor(Color.WHITE);
		g.fillRect(0, 0, width, height);

		// 创建字体，字体的大小应该根据图片的高度来定。
		Font font = new Font("Fixedsys", Font.PLAIN, fontHeight);
		// 设置字体。
		g.setFont(font);

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

		// 随机产生160条干扰线，使图象中的认证码不易被其它程序探测到。
		g.setColor(Color.BLACK);
		for (int i = 0; i < 160; 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);
		}

		// randomCode用于保存随机产生的验证码，以便用户登录后进行验证。
		StringBuffer randomCode = new StringBuffer();
		int red = 0, green = 0, blue = 0;

		// 随机产生codeCount数字的验证码。
		for (int i = 0; i < codeCount; i++) {
			// 得到随机产生的验证码数字。
			String strRand = String.valueOf(codeSequence[random.nextInt(36)]);
			// 产生随机的颜色分量来构造颜色值，这样输出的每位数字的颜色值都将不同。
			red = random.nextInt(255);
			green = random.nextInt(255);
			blue = random.nextInt(255);

			// 用随机产生的颜色将验证码绘制到图像中。
			g.setColor(new Color(red, green, blue));
			g.drawString(strRand, (i + 1) * x, codeY);

			// 将产生的四个随机数组合在一起。
			randomCode.append(strRand);
		}
		// 将四位数字的验证码保存到Session中。
		HttpSession session = req.getSession();
		session.setAttribute("validateCode", randomCode.toString());

		// 禁止图像缓存。
		resp.setHeader("Pragma", "no-cache");
		resp.setHeader("Cache-Control", "no-cache");
		resp.setDateHeader("Expires", 0);

		resp.setContentType("image/jpeg");

		// 将图像输出到Servlet输出流中。
		ServletOutputStream sos = resp.getOutputStream();
		ImageIO.write(buffImg, "jpeg", sos);
		sos.close();
	}

}

 

 

ResultServlet.java

 

Java代码 复制代码
  1. import java.io.IOException;   
  2. import java.io.PrintWriter;   
  3.   
  4. import javax.servlet.ServletException;   
  5. import javax.servlet.http.HttpServlet;   
  6. import javax.servlet.http.HttpServletRequest;   
  7. import javax.servlet.http.HttpServletResponse;   
  8.   
  9. public class ResultServlet extends HttpServlet {   
  10.   
  11.     /**  
  12.      * The doGet method of the servlet. <br>  
  13.      *  
  14.      * This method is called when a form has its tag value method equals to get.  
  15.      *   
  16.      * @param request the request send by the client to the server  
  17.      * @param response the response send by the server to the client  
  18.      * @throws ServletException if an error occurred  
  19.      * @throws IOException if an error occurred  
  20.      */  
  21.     public void doGet(HttpServletRequest request, HttpServletResponse response)   
  22.             throws ServletException, IOException {   
  23.   
  24.         doPost(request, response);   
  25.     }   
  26.   
  27.     /**  
  28.      * The doPost method of the servlet. <br>  
  29.      *  
  30.      * This method is called when a form has its tag value method equals to post.  
  31.      *   
  32.      * @param request the request send by the client to the server  
  33.      * @param response the response send by the server to the client  
  34.      * @throws ServletException if an error occurred  
  35.      * @throws IOException if an error occurred  
  36.      */  
  37.     public void doPost(HttpServletRequest request, HttpServletResponse response)   
  38.             throws ServletException, IOException {   
  39.   
  40.         response.setContentType("text/html;charset=utf-8");   
  41.         String validateC = (String) request.getSession().getAttribute("validateCode");   
  42.         String veryCode = request.getParameter("c");   
  43.         PrintWriter out = response.getWriter();   
  44.         if(veryCode==null||"".equals(veryCode)){   
  45.             out.println("验证码为空");   
  46.         }else{   
  47.             if(validateC.equals(veryCode)){   
  48.                 out.println("验证码正确");   
  49.             }else{   
  50.                 out.println("验证码错误");   
  51.             }   
  52.         }   
  53.         out.flush();   
  54.         out.close();   
  55.     }   
  56.   
  57. }  
import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class ResultServlet extends HttpServlet {

	/**
	 * The doGet method of the servlet. <br>
	 *
	 * This method is called when a form has its tag value method equals to get.
	 * 
	 * @param request the request send by the client to the server
	 * @param response the response send by the server to the client
	 * @throws ServletException if an error occurred
	 * @throws IOException if an error occurred
	 */
	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {

		doPost(request, response);
	}

	/**
	 * The doPost method of the servlet. <br>
	 *
	 * This method is called when a form has its tag value method equals to post.
	 * 
	 * @param request the request send by the client to the server
	 * @param response the response send by the server to the client
	 * @throws ServletException if an error occurred
	 * @throws IOException if an error occurred
	 */
	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {

		response.setContentType("text/html;charset=utf-8");
		String validateC = (String) request.getSession().getAttribute("validateCode");
		String veryCode = request.getParameter("c");
		PrintWriter out = response.getWriter();
		if(veryCode==null||"".equals(veryCode)){
			out.println("验证码为空");
		}else{
			if(validateC.equals(veryCode)){
				out.println("验证码正确");
			}else{
				out.println("验证码错误");
			}
		}
		out.flush();
		out.close();
	}

}

 

 

verifyCode.js

 

Js代码 复制代码
  1. function changeImg(){   
  2.     var imgSrc = $("#imgObj");   
  3.     var src = imgSrc.attr("src");   
  4.     imgSrc.attr("src",chgUrl(src));   
  5. }   
  6. //时间戳   
  7. //为了使每次生成图片不一致，即不让浏览器读缓存，所以需要加上时间戳   
  8. function chgUrl(url){   
  9.     var timestamp = (new Date()).valueOf();   
  10.     url = url.substring(0,17);   
  11.     if((url.indexOf("&")>=0)){   
  12.         url = url + "×tamp=" + timestamp;   
  13.     }else{   
  14.         url = url + "?timestamp=" + timestamp;   
  15.     }   
  16.     return url;   
  17. }   
  18.   
  19. function isRightCode(){   
  20.     var code = $("#veryCode").attr("value");   
  21.     code = "c=" + code;   
  22.     $.ajax({   
  23.         type:"POST",   
  24.         url:"resultServlet",   
  25.         data:code,   
  26.         success:callback   
  27.     });   
  28. }   
  29.   
  30. function callback(data){   
  31.     $("#info").html(data);   
  32. }  
function changeImg(){
	var imgSrc = $("#imgObj");
	var src = imgSrc.attr("src");
	imgSrc.attr("src",chgUrl(src));
}
//时间戳
//为了使每次生成图片不一致，即不让浏览器读缓存，所以需要加上时间戳
function chgUrl(url){
	var timestamp = (new Date()).valueOf();
	url = url.substring(0,17);
	if((url.indexOf("&")>=0)){
		url = url + "×tamp=" + timestamp;
	}else{
		url = url + "?timestamp=" + timestamp;
	}
	return url;
}

function isRightCode(){
	var code = $("#veryCode").attr("value");
	code = "c=" + code;
	$.ajax({
		type:"POST",
		url:"resultServlet",
		data:code,
		success:callback
	});
}

function callback(data){
	$("#info").html(data);
}

 

 

verifyCode.jsp

 

Html代码 复制代码
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"  
  2.     pageEncoding="UTF-8"%>  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  4. <html>  
  5.     <head>  
  6.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  7.         <script type="text/javascript" src="js/verifyCode.js"></script>  
  8.         <script type="text/javascript" src="js/jquery.js"></script>  
  9.         <title>test verify code</title>  
  10.     </head>  
  11.     <body>  
  12.         <input id="veryCode" name="veryCode" type="text"/>  
  13.         <img id="imgObj" alt="" src="verifyCodeServlet"/>  
  14.         <a href="#" onclick="changeImg()">换一张</a>  
  15.         <input type="button" value="验证" onclick="isRightCode()"/>  
  16.         <div id="info"></div>  
  17.     </body>  
  18. </html>  
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<script type="text/javascript" src="js/verifyCode.js"></script>
		<script type="text/javascript" src="js/jquery.js"></script>
		<title>test verify code</title>
	</head>
	<body>
		<input id="veryCode" name="veryCode" type="text"/>
		<img id="imgObj" alt="" src="verifyCodeServlet"/>
		<a href="#" onclick="changeImg()">换一张</a>
		<input type="button" value="验证" onclick="isRightCode()"/>
		<div id="info"></div>
	</body>
</html>

 

分享到：
| oracle 解锁
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    CRC校验码生成器（exe文件）

    CRC校验码生成器是实现这一功能的工具，通常以可执行文件（exe文件）的形式存在，用户可以简单地双击运行，对输入的报文进行加密和校验。 CRC的工作原理基于多项式除法，具体步骤如下： 1. **选择生成多项式**：...

    Modbus RTU CRC-16校验码生成器 CRC_Calc v0.3 最新版

    **Modbus RTU CRC-16校验码生成器 CRC_Calc v0.3详解** 在工业自动化领域，数据通信的正确性和可靠性至关重要。其中，Modbus RTU（远程终端单元）是一种广泛应用的通信协议，它依赖于错误检测机制来确保数据在传输...

    Modbus RTU CRC-16校验码生成器CRC_Calc v0.2

    **Modbus RTU CRC-16校验码生成器CRC_Calc v0.2** Modbus RTU（Remote Terminal Unit）是一种广泛应用于工业自动化领域的通信协议，它基于串行通信，提供了一种设备间交换数据的标准方法。在Modbus RTU通信中，为了...

    LRC校验码生成器_LRC校验码生成器_

    在压缩包中的"LRC校验码生成器"很可能是一个完整的程序，包括用户界面和上述的LRC计算逻辑，允许用户输入数据并生成相应的LRC校验码，或者对已有数据进行校验。 总之，LRC校验码是一种简单但有效的错误检测方法，...

    车辆vin校验码生成器.xls

    用于汽车等机械第九位校验码的生成，只需要输入前8位和后8位即可。第九位可以自动生成，用于汽车等机械第九位校验码的生成，只需要输入前8位和后8位即可。第九位可以自动生成，

    CRC16校验码生成器

    crc16校验码生成工具，MFC可执行程序

    CRC校验码生成器（v0.2）

    CRC校验码生成器，如"CRC校验码生成器（v0.2）"，是一种方便的工具，能够帮助用户自动生成不同类型的CRC校验码。 该软件支持CRC7和CRC16两种常见的CRC校验类型。CRC7常用于一些简单的通信协议和存储设备，如早期的...

    CRC校验码生成工具

    CRC校验码生成工具,CRC校验码生成工具,CRC校验码生成工具

    CRC循环冗余校验码生成器

    CRC循环冗余校验码生成器 ，计算机网络课程作业，有bug，参考，共享。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。...

    MD5Check校验码生成器.zip

    MD5Check校验码生成器是一个实用工具，主要用于在MCU（微控制器）固件升级过程中验证文件的完整性和一致性。MD5（Message-Digest Algorithm 5）是一种广泛使用的哈希函数，它能够将任意长度的数据转化为固定长度的...

    WinMD5 校验码生成器

    标题中的"WinMD5 校验码生成器"是一款专为Windows操作系统设计的工具，它能够帮助用户轻松生成和验证MD5校验码。这个程序的主要功能包括： 1. 文件MD5生成：用户可以选择本地的任意文件，WinMD5会计算该文件的MD5...

    串口数据异或校验码生成器

    如24 4D 73 67……等等数据输入后，自动计算异或校验和

    CRC16校验码生成器(delphi版).rar

    CRC16校验码生成器delphi版，源码，带程序。本程序修改自网络资源。原程序有错误，因此进行了更正。使用Delphi 11.3编译通过，但理论上适合于几乎任何版本。此程序本人是用于串口通信中的数据校验，符合Modbus协议GB...

    CRC&LRC;校验码生成器

    CRC&LRC;校验码生成器,可同时生成如下格式验证码： CRC16_CCITT CRC16_CCITT_FALSE CRC16_XMODEM CRC16_X25 CRC16_MODBUS CRC16_IBM CRC16_MAXIM CRC16_USB

    CheckSum校验码生成工具

    将十六进制字符串中的数（长度不限）累加求和，取累加和最低一个字节，生成CheckSum校验码。例如十六进制字符串：01 03 00 10 00 4D 31 30 30 20 32 36 64 42 6D 20 56 31 2E 30，生成CheckSum校验码为92(十六进制)...

    LRC校验码生成工具

    在VB中编写LRC校验码生成器，主要是通过编程实现LRC计算算法。LRC的基本原理是对传输数据的每一位进行累加，最后将结果取反得到校验码。具体步骤如下： 1. 初始化校验和：通常设置为0或某个特定值。 2. 遍历数据：...

    盈方LRC校验码生成器

    LRC校验器，实现字符串的lrc校验功能，计算器形式的界面-LRC validator, to achieve string lrc checking function, form interface Calculator

    CRC16校验码计算器

    这意味着在进行CRC计算时，会使用一个16位的寄存器，并且最终生成的校验码也是16位。 3. **CRC16的生成多项式**： - CRC16可以有多种不同的生成多项式，如CCITT（X^16 + X^12 + X^5 + 1）或MODBUS（X^16 + X^15 + ...

    ModBus RTU校验码生成器

    ModBus RTU校验码自动生成，我的上一篇博客讲解了ModBus RTU协议，如有不清楚的可以参考下。

    CRC-16校验码离线计算器

    这是一个本地使用的CRC16计算器，用于计算CRC16 校验码，多项式可以自定义，初始值可以自定义。程序启动时，输入框已填写了默认值。请您正确了解这些值的含义，并合理合法的使用。

Magicbox
Global site tag (gtag.js) - Google Analytics