验证码图片实现

原创 2016年08月31日 09:36:47

使用验证码进行验证,自动生成验证码。

后台实现:

package common.makeCertPic;

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.OutputStream;
import java.util.Random;

import javax.imageio.ImageIO;

public class MakeCertPic {

	//验证码图片中可以出现的字符集
	private char mapTable[] = { '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' };
	
	/**
	 * 生产彩色验证码图片
	 * @param 	width 生产图片宽度
	 * @param 	height 生产图片高度
	 * @param 	os 页面输出流
	 * @return	随机生产的验证码
	 */
	public String getCertPic(int width,int height,OutputStream os){
		//设定高度宽度默认值
		if(width <= 0){
			width = 60;
		}
		if(height <= 0){
			height = 20;
		}
		//创建一个特定样式的BufferedImage
		BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
		//获取图形上下文
		Graphics g = image.getGraphics();
		//设定背景色
		g.setColor(new Color(0xDCDCDC));
		g.fillRect(0, 0, width, height);
		//画边框
		g.setColor(Color.black);
		g.drawRect(0, 0, width-1, height-1);
		//取随机产生的认证码
		String strEnsure = "";
		//4代表4位验证码,如果要生产更多位的认证码,则加大数值
		for(int i = 0; i < 4; i++){
			strEnsure += mapTable[(int) (mapTable.length * Math.random())];
		}
		//将验证码显示到图像中,如果要生产更多位的验证码,增加drawString语句
		g.setColor(Color.black);
		g.setFont(new Font("Atlantic Inline", Font.PLAIN, 18));
		String str = strEnsure.substring(0, 1);
		g.drawString(str, 8, 17);
		str = strEnsure.substring(1, 2);
		g.drawString(str, 20, 15);
		str = strEnsure.substring(2, 3);
		g.drawString(str, 35, 18);
		str = strEnsure.substring(3, 4);
		g.drawString(str, 45, 15);
		//随机产生10个干扰点,产生多个修改数量10
		Random rand = new Random();
		for (int i = 0; i < 10; i++) {
			int x = rand.nextInt(width);
			int y = rand.nextInt(height);
			g.drawOval(x, y, 1, 1);
		}
		//释放图形上下文
		g.dispose();
		try {
			ImageIO.write(image, "JPEG", os);
		} catch (IOException e) {
			return "";
		}
		return strEnsure;
	}
}
图片样式实现:class是引用上面的后台,把验证码字符串放到session中。makeCertPic.jsp

<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
	<%@ page contentType="image/jpeg" %>
	</head>
	<body>
	<jsp:useBean id="image" scope="page" class="common.makeCertPic.MakeCertPic"></jsp:useBean>
	<%
		String str = image.getCertPic(0,0,response.getOutputStream());
		// 将认证码存入session
		session.setAttribute("certCode", str);
		
		out.clear();
		out = pageContext.pushBody();
	%>
	</body>
</html>

前台样式实现:
<td>
<span style="white-space:pre">	</span><input name="certCode" type="text"  placeholder="验证码" />
</td>
<td align="right">
<span style="white-space:pre">	</span><img src="makeCertPic.jsp" id="code" onclick="reloadcode()" alt="看不清楚,换一张"/>
</td>
<script type="text/javascript">
	function reloadcode(){
			var verify = document.getElementById("code");
			verify.setAttribute('src','makeCertPic.jsp?it='+Math.random());
		}
</script>

后台验证实现:

获取前台input值certCode。进行certCode.equals(session.getAttribute("certCode"))比较。

成功返回true,失败返回false;

以上就是验证码的实现。



版权声明:本文为博主原创文章,未经博主允许不得转载。

生成图片验证码的两种实现方式

最近工作中,需求让新加一个图片验证码功能,其实这个功能之前自己写过,想必跟大家现在心里想到的实现方式一样,要么是通过servlet实现请求操作,要么是通过get请求实现操作。然后在后台通过sessio...
  • buyaoshuohua1
  • buyaoshuohua1
  • 2017年06月22日 23:22
  • 3127

H5学习之路-图片验证码的实现

验证码想必大家都经常遇到,今天就给大家介绍一个比较简单的图片验证码的实现。 要实现验证码主要分生成和验证两步。首先生成,就是指某个用户看到验证码后台立马生成的,然后把这个生成图片的字符串保存放在se...
  • qiyongkang520
  • qiyongkang520
  • 2017年02月07日 23:29
  • 3231

Java生成图片验证码(有点仿QQ验证码的意思)

看了挺多图片验证码的代码,感觉没什么长的好看点的,就自己动手写了个,写完发现跟QQ的有几分相似,比较满意。 功能包括:自定义图片尺寸和字符长度,随机背景颜色和字符颜色,随机字符偏移角度,字符平滑边缘,...
  • ruixue0117
  • ruixue0117
  • 2014年04月02日 23:32
  • 64765

验证码图片

  • 2015年12月09日 19:37
  • 2KB
  • 下载

案例:图片验证码

图片验证码1验证码有啥用在我们注册时,如果没有验证码的话,我们可以使用URLConnection来写一段代码发出注册请求。甚至可以使用while(true)来注册!那么服务器就废了! 验证码可以去识...
  • qq_28483283
  • qq_28483283
  • 2016年04月24日 15:30
  • 863

12306 验证码识别源码

最近12306订票助手之类的软件很火,搞得XX部“专家”很抓狂。搞技术的人都知道,实现一个自动订票其实并非难事,不过是几个HTTP(S)操作,提交几个表单罢了。      但是最为关键的是表单中有一...
  • renyou_hust
  • renyou_hust
  • 2013年01月21日 11:56
  • 4112

JS最新手机号码检验正则表达式

电信· 中国电信手机号码开头数字 2G/3G号段(CDMA2000网络)133、153、180、181、189 4G号段 177 联通 中国联通手机号码开头数字 2G号段(GSM网络)130、131、...
  • WhoAmSinclair
  • WhoAmSinclair
  • 2017年06月30日 15:31
  • 9171

Php图片验证码显示不出来的解决过程

问题 今天在在本地新建了一个虚拟主机,把以前写好的一个php小网站部署上去,因为以前用的wamp集成环境,所以没有出现这种情况。现在突然发现验证码竟然刷不出来了。 于是便开启了找bug之旅,在网上...
  • yeweiyang16
  • yeweiyang16
  • 2017年04月30日 10:36
  • 5897

图形验证码的生成和破解

原文:http://www.wzsky.net/html/article/php/php2/111610.html 验证码的功能一般是防止使用程序恶意注册、暴力破解或批量发帖而设置的。所谓验证码,就...
  • zollty
  • zollty
  • 2012年05月12日 21:28
  • 46668

js 实现 图片刷新 验证码 看不清 换一张

【需求】 html+js实现html中一个图片刷新但是整个页面不刷新,或者是验证码刷新。 不使用jsp,不使用ajax,不使用js框架。 【原理】 当一个的src改变时,页面会自动刷新这个 ...
  • uikoo9
  • uikoo9
  • 2012年11月29日 22:59
  • 42071
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:验证码图片实现
举报原因:
原因补充:

(最多只允许输入30个字)