如何使用谷歌验证码 kaptcha，详细使用步骤

一、谷歌验证码 kaptcha 使用步骤如下：

1、导入谷歌验证码的 jar 包 kaptcha-2.3.2.jar

需要 kaptcha-2.3.2.jar的朋友可以查看我上传的资源领取，或者留言

2、在 web.xml 中去配置用于生成验证码的 Servlet 程序

<servlet><servlet-name>KaptchaServlet</servlet-name><servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class> </servlet><servlet-mapping> <servlet-name>KaptchaServlet</servlet-name> <url-pattern>/kaptcha.jpg</url-pattern>
</servlet-mapping>

3、在表单中使用 img 标签去显示验证码图片并使用它

<form action="http://localhost:8080/tmp/registServlet" method="get">
用户名：<input type="text" name="username" > <br>
验证码：<input type="text" style="width: 80px;" name="code"> <img src="http://localhost:8080/tmp/kaptcha.jpg" alt="" style="width: 100px; height: 28px;"> <br>
<input type="submit" value="登录"> </form>

主要就是这句话：

<img src="http://localhost:8080/tmp/kaptcha.jpg" alt="" style="width: 100px; height: 28px;">

4、在服务器获取谷歌生成的验证码和客户端发送过来的验证码比较使用。

@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
// 获 取 Session 中 的 验 证 码 String token = (String) req.getSession().getAttribute(KAPTCHA_SESSION_KEY);// 删 除 Session 中 的 验 证 码 req.getSession().removeAttribute(KAPTCHA_SESSION_KEY);
String code = req.getParameter("code");// 获 取 用 户 名
String username = req.getParameter("username");
if (token != null && token.equalsIgnoreCase(code)) {System.out.println("保存到数据库：" + username);resp.sendRedirect(req.getContextPath() + "/ok.jsp");} else {System.out.println("请不要重复提交表单");
}
}

5、通过前面的设置我们基本上可以使用验证码了，但是出现一个问题，就是点击验证码的图片无法刷新，需要我们点击浏览器的刷新按钮，才能切换验证码。

对于这种情况，我们需要给验证码的标签添加点击事件。

//给 验 证 码 的 图 片 ， 绑 定 单 击 事 件
$("#code_img").click(function () {
// 在 事 件 响 应 的 function 函 数 中 有 一 个 this对 象 。 这 个 this对 象 ， 是 当 前 正 在 响 应 事 件 的 dom对 象
// src属 性 表 示 验 证 码 img标 签 的 图 片 路 径 。 它 可 读 ， 可 写
this.src = "${basePath}kaptcha.jpg?d=" + new Date();
});

tips：

// src属性表示验证码 img标签的图片路径。它可读，可写
你可以使用：alert(this.src); 查看一下src到底是什么

如果你还有什么不清楚的地方，欢迎留言。

如何使用谷歌验证码 kaptcha，详细使用步骤相关推荐

谷歌了java集成开发_Spring整合Kaptcha谷歌验证码工具的开发步骤
开发步骤: 1.加入依赖 com.google.code.kaptcha kaptcha 2.3 国内镜像无法下载该依赖,需要手动通过jar包在本地仓库安装一个依赖. 安装命令: mvn instal ...
谷歌验证码kaptcha生成工具类
谷歌验证码生成工具类 1.引入依赖 2.验证码配置类 3.controller层 4.测试 5.目录结构 1.引入依赖  <depe ...
项目部署到云服务器后谷歌验证码图片无法显示的问题解决
相信自学JavaWeb的小伙伴和我一样,学习的是尚硅谷的JavaWeb课程.在尚硅谷的课程中,王振国老师手把手带我们做了一个书城项目,其中注册模块需要用到验证码,我们选用谷歌验证码kaptcha. ...
【Spring Boot组件集成实战】集成Kaptcha谷歌验证码
更多精彩内容,请访问 Spring Boot组件集成实战专栏 ! 推荐项目:一套基于Spring Boot+Layui的内容管理系统/快速开发脚手架(含完整的开发文档.演示网址等) 文章目录 1. 验 ...
kaptcha谷歌验证码使用
1.添加pom.xml依赖在maven工程中的pom.xml文件中添加依赖如下 <!-- https://mvnrepository.com/artifact/ ...
Spring Boot 配置Kaptcha（谷歌验证码工具）（生成验证码、验证验证码）
1 Kaptcha 1.1 Kaptcha简介 Kaptcha 是一个扩展自simplecaptcha的验证码库,默认情况下,Kaptcha非常易于设置和使用,并且默认输出会产生一个很难验证的验证码. ...
SpringBoot整合kaptcha（谷歌验证码工具）实现验证码功能
介绍: kaptcha是Google提供的一个图形验证码插件,有了它,你可以通过简单的配置生成各种样式的验证码. 1:SpringBoot引入kaptcha的依赖 <dependency> ...
谷歌验证码 ReCAPTCHA 的模拟点击破解方案来了！
这是「进击的Coder」的第 631 篇技术分享作者:崔庆才大家好,我是崔庆才. 之前的时候我分享过 ReCAPTCHA 的破解方案,那种方案是获取到 ReCAPTCHA 其中的一个 SiteKe ...
java验证码Kaptcha
aptcha 是一个可高度配置的实用验证码生成工具一.最新的maven源 <!-- https://mvnrepository.com/artifact/com.github.penggle/ ...
计算机器怎么验证,谷歌验证器【设置步骤】
喜欢使用电脑的小伙伴们一般都会遇到win7系统谷歌验证器的问题,突然遇到win7系统谷歌验证器的问题就不知道该怎么办了,其实win7系统谷歌验证器的解决方法非常简单,按照 1:首先打开手机上的应用商店 ...