今天整理一下做Web前台常用的验证码的示例,用于登陆提交,以预防程序自动注册提交,可根据实际业务,利用框架技术,异步提交方式处理;主要生成方法类同
处理的servlet如下:
/**
* @author laker
*/
public class PicServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
/**
* 图片中出现的随机字符数组
*/
private static final char[] CHARS = { '2', '3', '4', '5', '6', '7', '8',
'9', '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' };
/**
* 产生随机字符对象实例
*/
public static Random random = new Random();
private String randomString = null;
/**
* 获取字符窜方法
*
* @return 返回随机字符窜
*/
public static String getRandomString() {
StringBuffer sBuffer = new StringBuffer();
for (int i = 0; i < 6; i++) {
sBuffer.append(CHARS[random.nextInt(CHARS.length)]);
}
return sBuffer.toString();
}
/**
* 获取随机的着色方法
*
* @return 返回随机的背景着色
*/
public static Color getRandomColor() {
return new Color(random.nextInt(255), random.nextInt(255),
random.nextInt(255));
}
/**
* 获取对应的前景着色方法,以例识别
*
* @return 获取对应的前景着色
*/
public static Color getReverseColor(Color c) {
return new Color(255 - c.getRed(), 255 - c.getGreen(),
255 - c.getBlue());
}
/**
* get方式调用
*/
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request, response);
}
/**
* post方式调用
*/
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
System.out.println("更换图片" + request.getParameter("inputString"));
// 响应设置为图片响应类型
response.setContentType("image/jpeg");
if (null != request.getParameter("inputString")
&& request.getParameter("inputString").toLowerCase()
.equals(randomString.toLowerCase())) {
System.out.println("验证码输入确");
//跳转到成功页面
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
response.sendRedirect(basePath + "success.jsp");
return;
} else {
System.out.println("验证码输入有误");
// 随机字符窜实例
randomString = getRandomString();
}
// 获取当前session实例,没胡即创建之
request.getSession(true).setAttribute("randomString", randomString);
// 定义图片长高
int width = 100;
int height = 30;
// 获取随机着色
Color color = getRandomColor();
// 获取对应着色
Color reverse = getReverseColor(color);
// 创建图片
BufferedImage bi = new BufferedImage(width, height,
BufferedImage.TYPE_INT_BGR);
Graphics2D gf = bi.createGraphics();
// 图片样式
gf.setFont(new Font(Font.SANS_SERIF, Font.BOLD, 16));
// 着色
gf.setColor(color);
// 填充
gf.fillRect(0, 0, width, height);
// 前景色
gf.setColor(reverse);
// 绘制图片
gf.drawString(randomString, 18, 20);
// 按高度随机绘制.出现的位置
for (int i = 0, n = random.nextInt(100); i < n; i++) {
gf.drawRect(random.nextInt(width), random.nextInt(width), 1, 1);
}
// 输出流
ServletOutputStream out = response.getOutputStream();
// 以图片格试编码
JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(out);
encoder.encode(bi);
// 刷新进行显示
out.flush();
}
}
表单提交项:
<form id="frm" action="servlet/PicServlet">
<input type="text" name="inputString">
<img alt="验证码" src="servlet/PicServlet" id="picture"
onload="btn.disabled=false;">
<input type="button" value="换一个" onclick="reloadImage()" id="btn">
<br>
<input type="submit" value="提交">
</form>
JS:
function reloadImage() {
document.getElementById('btn').disabled = true;
document.getElementById('picture').src = 'servlet/PicServlet?ts=' + new Date()
.getTime();
}
分享到:
相关推荐
生成随机前台验证码图片
生成前台登录验证码 随机生成 可以自定义随机数位和模糊程度
自定义验证码图片大小,颜色,验证码字数,直接返回给前台后台生成好的验证码图片 ,加验证码校验,非常好用!!
后台验证码类生成验证码图片流回传到前台显示,再通过ajax去后台进行验证
主要介绍了SpringMVC生成的验证码图片不显示问题,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
以前输出验证码的时候用过一个方法,在前台用JS生成验证码字符串,再传递到后台用PHP输出验证码图像。这样在验证时就不需要使用$_SESSION传递验证码的值,直接用JS比较生成的字符串和输入的字符串是否相等即可。 ...
在我们使用进行系统开发时,为了提高系统的安全性,在登录的时候多数人都会要求输入验证,此次将java后台生成验证码的源码分享,以供学习!
在asp.net中动态生成验证码功能,前台和后台页面均有,支持Ajax调用
asp.net的生成验证码代码。前台比较简单,主要都是后台。 代码为本人整理
今天整理了一个java实现的汉字输入验证码 主要包含两个类,一个是生成...实现原理非常简单,将汉字和干扰线生成图片并将汉字保存到session,前台获取每次生成验证码图片并用文本框值和session值比较,功能就这么简单。
asp验证码源码,包含前台调用演示 生成的验证码图片较复杂,可直接做实际应用。 应用实例:http://www.symental.com/demo/liuxue/register.htm
java实现的汉字输入验证码,主要包含两个类,一个是生成验证码,一个是判断验证码输入是否正确,实现原理非常简单,将汉字和干扰线生成图片并将汉字保存到session,前台获取每次生成验证码图片并用文本框值和session值...
主要包含两个类,一个是...实现原理比较简单,将汉字和干扰线生成图片并将汉字保存到session,前台获取每次生成的验证码图片进行展示,验证的时候就获取文本框输入的值传到后台与session值进行比较,功能就怎么简单。
验证码现在是用户登录、支付等很多环节的必备元素,ThinkPHP5&5.1给我们提供了验证码的生成方式,也是非常的简单,在这里写一个完整的验证码验证的使用方法,供大家参考。 前台用户在登录时候需要验证码验证才能登录...
今天写的一个验证码生成 类里面是一个调用该类的列子的源码
该项目实现了注册页面时,后台生成验证码,创送到前台并校验信息。以及注册时的邮箱认证。
在网站上GD库通常用来生成缩略图,或者用来给图片添加水印,或者用来生成验证码等。幸运的是,SAE默认是对GD库支持的。 本地开发php默认是不支持GD库的,需要自己开启,开启的方式是:在本地PHP安装目录下找到...
实现前台验证码的显示 和刷新 验证功能相信大家都能写出来 访问 http://localhost:8080/SpringMVC_annotation_volidate/login jsp页面关键代码 function changeValidateCode(obj){ var timeNow = new Date...
因为考虑到PHP新手用户针对PHP简单源码的需求,这个版本除了在生成静态原理核心代码上有所加强外,还新加了分页系统、后台登陆系统、验证码功能,独立密码修改、注销代码、前台调用新闻分类等针对PHP新手操作性比较...
我的业务流程就是通过点击发送验证码这个按钮,触发一个ajax请求事件,将手机号发送到后台,后台生成验证码发送到手机端,并返回这个验证码给前台进行验证码的验证。 请求的php后端代码如下 post.php <?php ...