kaptcha验证码使用方法详解

  • 时间:
  • 8421人关注

这篇文章主要为大家详细介绍了kaptcha验证码的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,另外这篇文章主要知识点是关于kaptcha、验证码、kaptcha验证码的内容,如果大家想对相关知识点有系统深入的学习,可以参阅以下电子资料:

本文为大家分享了kaptcha验证码的使用方法,供大家参考,具体内容如下

1.首先在pom.xml文件中导入Maven依赖

<dependency>
  <groupId>com.github.penggle</groupId>
  <artifactId>kaptcha</artifactId>
  <version>2.3.2</version>
</dependency>

2.在web.xml文件中配置一个servlet

<servlet>
 <!-- 生成图片的Servlet -->
 <servlet-name>Kaptcha</servlet-name>
 <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>
 <!-- 是否有边框 -->
 <init-param> 
        <param-name>kaptcha.border</param-name>
 <param-value>no</param-value>
 </init-param>
 <!-- 字体颜色 -->
 <init-param>
   <param-name>kaptcha.textproducer.font.color</param-name>
 <param-value>red</param-value>
 </init-param>
 <!-- 图片宽度 -->
 <init-param>
 <param-name>kaptcha.image.width</param-name>
 <param-value>135</param-value>
 </init-param>
 <!-- 使用哪些字符生成验证码 -->
 <init-param>
 <param-name>kaptcha.textproducer.char.string</param-name>
  <param-value>ACDEFHKPRSTWX345679</param-value>
 </init-param>
 <!-- 图片高度 -->
 <init-param>
  <param-name>kaptcha.image.height</param-name>
  <param-value>50</param-value>
 </init-param>
 <!-- 字体大小 -->
 <init-param>
  <param-name>kaptcha.textproducer.font.size</param-name>
  <param-value>43</param-value>
 </init-param>
 <!-- 干扰线的颜色 -->
 <init-param>
  <param-name>kaptcha.noise.color</param-name>
  <param-value>black</param-value>
 </init-param>
 <!-- 字符个数 -->
 <init-param>
  <param-name>kaptcha.textproducer.char.length</param-name>
  <param-value>4</param-value>
 </init-param>
 <!-- 使用哪些字体 -->
 <init-param>
  <param-name>kaptcha.textproducer.font.names</param-name>
  <param-value>Arial</param-value>
 </init-param>
 </servlet>
 <!-- 映射的url -->
 <servlet-mapping>
 <servlet-name>Kaptcha</servlet-name>
 <url-pattern>/Kaptcha</url-pattern>
 </servlet-mapping>

3.页面代码如下

<div class="item-inner">
 <label for="j_captcha" class="item-title label">验证码</label>
 <input id="j_captcha" name="j_captcha" type="text" 
  class="form-control in" placeholder="验证码" />
 <div class="item-input">
   <img id="captcha_img" alt="点击更换" title="点击更换"
         onclick="changeVerifyCode(this)" src="../Kaptcha" />
 </div>
</div>

向后端提交数据

var verifyCodeActual = $('#j_captcha').val();
 if (!verifyCodeActual) {
  $.toast('请输入验证码!');
  return;
 }
 formData.append("verifyCodeActual", verifyCodeActual);

4.js交互

function changeVerifyCode(img) {
 img.src = "../Kaptcha?" + Math.floor(Math.random() * 100);
}

5.后端验证

import javax.servlet.http.HttpServletRequest;

public class CodeUtil {
 public static boolean checkVerifyCode(HttpServletRequest request) {
 String verifyCodeExpected = (String) request.getSession().getAttribute(
  com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY);
 String verifyCodeActual = HttpServletRequestUtil.getString(request,
  "verifyCodeActual");
 if (verifyCodeActual == null
  || !verifyCodeActual.equalsIgnoreCase(verifyCodeExpected)) {
  return false;
 }
 return true;
 }
}
import javax.servlet.http.HttpServletRequest;

public class HttpServletRequestUtil {
 public static int getInt(HttpServletRequest request, String name) {

 try {
  return Integer.decode(request.getParameter(name));
 } catch (Exception e) {
  return -1;
 }
 }

 public static long getLong(HttpServletRequest request, String name) {

 try {
  return Long.valueOf(request.getParameter(name));
 } catch (Exception e) {
  return -1;
 }
 }

 public static Double getDouble(HttpServletRequest request, String name) {

 try {
  return Double.valueOf(request.getParameter(name));
 } catch (Exception e) {
  return -1d;
 }
 }

 public static Boolean getBoolean(HttpServletRequest request, String name) {

 try {
  return Boolean.valueOf(request.getParameter(name));
 } catch (Exception e) {
  return false;
 }
 }

 public static String getString(HttpServletRequest request, String name) {
 try {
  String result = request.getParameter(name);
  if (result != null) {
  result = result.trim();
  }
  if ("".equals(result))
  result = null;
  return result;
 } catch (Exception e) {
  return null;
 }

 }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持码农之家。

码农之家
如何通过Kaptcha在Web页面生成验证码

2小时46分钟前回答

如何通过Kaptcha在Web页面生成验证码

kaptcha 是一个扩展自 simplecaptcha 的验证码库,方便我们不再写此类功能。

他的代码是谷歌托管的,可以从这里下载http://code.google.com/p/kaptcha/

工程内已经附带了示例,可以方便开发者使用。

需要的操作就是把kaptcha-2.3.2.jar增加到工程内,然后配置访问图片的Servlet:

示例中的配置是:

<servlet-mapping> 
 <servlet-name>Kaptcha</servlet-name> 
 <url-pattern>/Kaptcha.jpg</url-pattern> 
</servlet-mapping> 

也就是说访问Kaptcha.jpg时其实就是访问了输出验证码图片的Servlet。

示例中的KaptchaExample.jsp是调用页面,这里介绍了如何验证用户输入是否和验证码符合。

但是没有如何刷新的操作,刷新其实很简单,这里稍微修改即可。

注意,必须加随机参数,否则读取缓存就不会有效果。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Kaptcha Example</title>
		<script type="text/javascript">
		function refImg(){
			document.getElementById("Kaptcha").src="<%=basePath%>Kaptcha.jpg?data="+Math.random();
		}
		</script>
	</head>
	<body>
		<table>
			<tr>
				<td><img id="Kaptcha" src="<%=basePath%>Kaptcha.jpg" onclick="refImg()"></td>
				<td valign="top">
					<form method="POST">
						<br>sec code:<input type="text" name="kaptchafield"><br />
						<input type="submit" name="submit">
					</form>
				</td>
			</tr>
		</table>
		<br />
		<%
			String c = (String)session.getAttribute(com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY);
			String parm = (String) request.getParameter("kaptchafield");
			out.println("Parameter: " + parm + " ? Session Key: " + c + " : ");
			if (c != null && parm != null) {
				if (c.equals(parm)) {
					out.println("<b>true</b>");
				} else {
					out.println("<b>false</b>");
				}
			}
		%>
	</body>
</html>

另外修改后使用的是绝对路径,在实际开发中应该注意这个问题。

做示例时使用的是kaptcha-2.3.2,见附件。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持码农之家。

展开阅读

上一篇:用bitmap进行字符串去重的实例方法

下一篇:Java中反射机制的知识点讲解

相关内容

  • 实例分析CI框架验证码辅助函数

    这篇文章主要介绍了CI框架教程之优化验证码机制,结合实例形式详细分析了CodeIgniter框架验证码辅助函数相关使用及优化操作技巧,需要的朋友可以参考下

    02-12CI框架教程之优化验证码机制详解【验证码辅助函数】

    阅读更多
  • 分享基于vue实现随机验证码功能

    这篇文章主要介绍了vue实现随机验证码功能的实例代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

    02-18vue实现随机验证码功能的实例代码

    阅读更多
  • js实现登录注册框手机号和验证码校验的前端部分代码

    这篇文章主要为大家详细介绍了js实现登录注册框手机号和验证码校验的前端部分代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    02-14js实现登录注册框手机号和验证码校验(前端部分)

    阅读更多
  • 实例详解JS验证码功能的三种实现方式

    这篇文章主要介绍了验证码功能的三种实现方式,分为数字短信验证码,图形验证码,滑动验证码,本文通过示例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

    03-19JS 验证码功能的三种实现方式

    阅读更多
  • SpringBoot实现前端验证码图片生成和校验的实例讲解

    这篇文章主要为大家详细介绍了SpringBoot实现前端验证码图片生成和校验,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    09-10SpringBoot实现前端验证码图片生成和校验

    阅读更多
  • 详解PHP实现验证码校验功能

    这篇文章主要为大家详细介绍了PHP实现验证码校验功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    01-15PHP实现验证码校验功能

    阅读更多
  • Vue中添加手机验证码的实例方法

    组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。这篇文章主要介绍了VUE 中添加手机验证码组件,需要的朋友可以参考下

    12-16Vue中添加手机验证码组件功能操作方法

    阅读更多
  • Effective Java中文版(第3版)

    Effective Java中文版(第3版)

    Java之父James Gosling鼎力推荐、Jolt获奖作品全新升级,针对Java 7、8、9全面更新,Java程序员必备参考书。包含大量完整的示例代码和透彻的技术分析,通过90条经验法则,探索新的设计模式和语言

    大小:197.6 MBjava

    点击下载
  • Java面向对象程序设计

    Java面向对象程序设计

    本书主要阐述了Java语言的基本原理和使用方法。全书共分为12章:其中包括Java语言综述,Java语言程序设计基础,Java中的对象、类和方法,Java资源及其利用,Java语言异常处理,输入与输出,Java图形用户界面设计,Java Applet基础,Java语言多线程,Java语言网络编程,Java与数据库的连接,最后一章是实例解析。本书从原理到方法,讲解如何编写Java语言程序和Java语言获取网络资源等。在书中列举了大量的示例和实例,且每章后都配有该章相关的习题。可作为

    大小:2.06 MBJava

    点击下载
  • Java 8基础应用与开发

    Java 8基础应用与开发

    《 Java8基础应用与开发 》包含Java8特点,知识结构图从入门到精通逐层加强,Q-DMS数据挖掘项目围绕本书,重视內容和实践活动,说道关键点和方式。结合实际成才全书的特性: 基础理论基础

    大小:188 MBJava8

    点击下载
  • 马士兵Java零基础入门到精通

    本课程是一门适合纯小白入门的课程,带你从无到有走进java的世界,让你精通java的各种基础知识以及web开发框架,手把手带你敲出企业级实战项目,有问必答,理论与实践相结合教学,带你掌握真正的java核心技术。

    大小:13.74 GB马士兵Java

    点击下载
  • Tomcat与JavaWeb开发技术详解(第3版)

    Tomcat与JavaWeb开发技术详解(第3版)

    大小:39 MB JavaWeb

    点击下载

学习笔记

18小时11分钟前回答

使用google.kaptcha来生成图片验证码的实现方法

1.导入依赖 dependency groupIdcom.google.code/groupId artifactIdkaptcha/artifactId version2.3.2/version /dependency 图片展示如下,具体jar包自己下载 jar包下载完可以使用就很完美,如果导入之后报错不能使用,则手动添加jar,进入jar所在的位置,然后执行下面命令 mvn install:install-file -DgroupId=com.google.code -DartifactId=kaptcha -Dversion=0.0.9 -Dfile=kaptcha-0.0.9.jar -Dpackaging=jar -DgeneratePom=true 然后开始写代码: 需要一个类,可以定义到entity中,看你心情吧,你开心就好,图片如下 代码如下: @Configurationpublic class KaptchaConfig { @Bean public DefaultKaptcha producer() { Properties properties = new Properties(); properties.put("kaptcha.border", "no"); properties.put("kaptcha.textprod……

12小时29分钟前回答

Spring MVC中使用Google kaptcha验证码的方法详解

前言 众所周知验证码是抵抗批量操作和恶意登录最有效的方式之一,我们在每天或许都会遇到,验证码从产生到现在已经衍生出了很多分支、方式。google kaptcha 是一个非常实用的验证码生成类库。 通过灵活的配置生成各种样式的验证码,并将生成的验证码字符串放到 HttpSession 中,方便获取进行比较。 本文描述在 spring mvc 下快速的将 google kaptcha 集成到项目中(单独使用的话在 web.xml 中配置 KaptchaServlet)。下面话不多说了,来一起看看详细的介绍吧。 1.maven 依赖 官方提供的 pom 无法正常使用,使用阿里云仓库对应 kaptcha。 !-- google 验证码 --dependency groupIdcom.github.penggle/groupId artifactIdkaptcha/artifactId version$……