谷歌kaptcha 图片验证码的使用

谷歌验证码kaptcha 使用步骤如下：
1、导入谷歌验证码的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>

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("请不要重复提交表单");
}
}

切换验证码：

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

谷歌kaptcha 图片验证码的使用相关推荐

kaptcha图片验证码
谷歌kaptcha图片验证码的使用文章目录前言一.引入依赖二.kaptcha配置 1.配置类 2.接口信息二.在Swagger中进行测试前言验证码可以有效的防止重复提交表单数据,防止来自 ...
Kaptcha图片验证码工具
阅读文本大概需要3分钟. 验证码的作用图片验证码自从诞生以来从未被抛弃,依然发出属于它所应有的光.验证码经常验证如下一些场景. 1.用户登录,防止机器人登录 2.论坛留言,防止恶意灌水 3.短信验证 ...
Kaptcha 图片验证码使用
前言图验设计初衷就是为了提高系统的安全性,防止有些人利用自动化工具恶意攻击网站,比如批量注册.撞库等,Kaptcha 框架就是现场一个图片验证码工具,简单好上手,我们大可直接使用使用 1. 添加依 ...
springmvc使用谷歌captcha生成图片验证码，并将验证码图片以二进制流的方式返回给前端（app和pc端都能调用）
近期对登录注册与获取短信验证码的接口做了安全限制,其中一部分就用到了谷歌的captcha验证码,比如当用户连续三次登陆失败,那么之后的登录请求就需要用户输入谷歌的图形验证码.由于web端和app端调用 ...
图片验证码的实现-kaptcha
[注意]:适用与springboot项目 1.加载jar包.由于groupId的不同,图片验证码的样式会有所不同 <dependency>< ...
图片验证码kaptcha
1.效果展示: 2.实现方式 1)引入依赖  <dependency><groupId>com.github.axet</groupId& ...
使用Kaptcha生成图片验证码
使用Kaptcha生成图片验证码 kaptcha是什么? kaptcha使用步骤 kaptcha代码实例引入依赖图片验证码配置类自定义结果返回类生成验证码返回结果枚举 kaptcha是什么? ...
使用kaptcha生成验证码
2019独角兽企业重金招聘Python工程师标准>>> kaptcha是一个简单好用的验证码生成工具,通过配置,可以自己定义验证码大小.颜色.显示的字符等等.下面就来讲一下如何使用k ...
Java Web学习总结（22）——使用kaptcha生成验证码
kaptcha是一个简单好用的验证码生成工具,通过配置,可以自己定义验证码大小.颜色.显示的字符等等.下面就来讲一下如何使用kaptcha生成验证码以及在服务器端取出验证码进行校验. 一.搭建测试环境 ...

谷歌kaptcha 图片验证码的使用

谷歌kaptcha 图片验证码的使用相关推荐

最新文章

热门文章