Java实现图片验证码功能

article/2025/9/20 21:00:13

文章目录

  • 一、背景
  • 二、实现步骤
    • 1、maven中加入依赖
    • 2、CaptchaController.java
    • 3、生成验证码配置
    • 4、CaptchaService.java接口
    • 5、CaptchaServiceImpl.java实现类
    • 6、增加验证码校验
    • 涉及文件

一、背景

在实现登录功能时，为了防止特定的程序暴力破解，一般为了安全都会在用户登录时增加otp动态验证码录。otp验证码 otp全称叫One-time Password,也称动态口令，是指计算机系统或其他数字设备上只能使用一次的密码，有效期为只有一次登录会话或很短。

常见验证码分为图片验证码和短信验证码，还有滑动窗口模块和选中指定物体验证方式。下面通过Java来实现图片验证码示例，效果如下：

在这里插入图片描述

二、实现步骤

1、maven中加入依赖

pom.xml引入依赖：

<dependency><groupId>com.github.penggle</groupId><artifactId>kaptcha</artifactId><version>2.3.2</version>
</dependency>
<dependency><groupId>com.github.whvcse</groupId><artifactId>easy-captcha</artifactId><version>1.6.2</version>
</dependency>

2、CaptchaController.java

 /*** 验证码*/@GetMapping("/captcha/digit")@ApiOperation(value = "获取数字验证码", notes = "获取数字验证码", tags = "验证码相关")@ApiImplicitParams({@ApiImplicitParam(name = "uuid", value = "uuid", required = true, paramType = "query")})@PassTokenpublic void captcha(HttpServletResponse response, String uuid) throws IOException {response.setHeader("Cache-Control", "no-store, no-cache");response.setContentType("image/jpeg");log.info("获取验证码，uuid：{}", uuid);//获取图片验证码BufferedImage image = captchaService.getCaptcha(uuid);log.info("获取验证码，uuid：{},return:{}", uuid, JSON.toJSONString(image));ServletOutputStream out = response.getOutputStream();ImageIO.write(image, "jpg", out);IOUtils.closeQuietly(out);}@GetMapping("/captcha/graphics")@ApiOperation(value = "获取图形验证码", notes = "获取图形验证码", tags = "验证码相关")@ApiImplicitParams({@ApiImplicitParam(name = "uuid", value = "uuid", required = true, paramType = "query"),@ApiImplicitParam(name = "type", value = "类型 png:png gif:gif cn:中文 cngif:中文gif arithmeti:算术", required = false, paramType = "query")})public void captcha(HttpServletRequest request, HttpServletResponse response,@RequestParam String uuid,@RequestParam(defaultValue = "arithmeti", required = false) String type) throws Exception {// 设置请求头为输出图片类型response.setContentType("image/gif");response.setHeader("Pragma", "No-cache");response.setHeader("Cache-Control", "no-cache");response.setDateHeader("Expires", 0);Captcha captcha = null;switch (type) {case "png":captcha = new SpecCaptcha(130, 48);break;case "gif":// gif类型captcha = new GifCaptcha(130, 48);break;case "cn":// 中文类型captcha = new ChineseCaptcha(130, 48, 5, new Font("楷体", Font.PLAIN, 28));break;case "cngif":// 中文gif类型captcha = new ChineseGifCaptcha(130, 48, 5, new Font("楷体", Font.PLAIN, 28));break;case "arithmeti":// 算术类型ArithmeticCaptcha arithmeticCaptcha = new ArithmeticCaptcha(130, 48);arithmeticCaptcha.setLen(3);  // 几位数运算，默认是两位arithmeticCaptcha.getArithmeticString();  // 获取运算的公式：3+2=?arithmeticCaptcha.text();  // 获取运算的结果：5captcha = arithmeticCaptcha;break;default:new SpecCaptcha(130, 48);break;}log.info("验证码:{}", captcha.text());// 设置字体
//        captcha.setFont(new Font("Verdana", Font.PLAIN, 32));  // 有默认字体，可以不用设置// 设置类型，纯数字、纯字母、字母数字混合captcha.setCharType(Captcha.TYPE_DEFAULT);//缓存验证码redisService.set(AuthKeys.AUTH_CAPTCHA, uuid, captcha.text().toLowerCase());// 输出图片流captcha.out(response.getOutputStream());}
}

3、生成验证码配置

/*** 生成验证码配置**/
@Configuration
public class KaptchaConfig {@Beanpublic DefaultKaptcha producer() {Properties properties = new Properties();//图片边框properties.setProperty("kaptcha.border", "no");//文本集合，验证码值从此集合中获取properties.setProperty("kaptcha.textproducer.char.string", "ABCDEGHJKLMNRSTUWXY23456789");//字体颜色properties.setProperty("kaptcha.textproducer.font.color", "0,84,144");//干扰颜色properties.setProperty("kaptcha.noise.color", "0,84,144");//字体大小properties.setProperty("kaptcha.textproducer.font.size", "30");//背景颜色渐变，开始颜色properties.setProperty("kaptcha.background.clear.from", "247,255,234");//背景颜色渐变，结束颜色properties.setProperty("kaptcha.background.clear.to", "247,255,234");//图片宽properties.setProperty("kaptcha.image.width", "125");//图片高properties.setProperty("kaptcha.image.height", "35");properties.setProperty("kaptcha.session.key", "code");//验证码长度properties.setProperty("kaptcha.textproducer.char.length", "4");//字体properties.setProperty("kaptcha.textproducer.font.names", "Arial,Courier,cmr10,宋体,楷体,微软雅黑");properties.put("kaptcha.textproducer.char.space", "5");Config config = new Config(properties);DefaultKaptcha defaultKaptcha = new DefaultKaptcha();defaultKaptcha.setConfig(config);return defaultKaptcha;}
}

4、CaptchaService.java接口

public interface CaptchaService {boolean validate(String uuid, String code);BufferedImage getCaptcha(String uuid);
}

5、CaptchaServiceImpl.java实现类


@Service
@Slf4j
public class CaptchaServiceImpl implements CaptchaService {@Autowiredprivate Producer producer;@Autowiredprivate RedisService redisService;@Value("${default-captcha}")private String defaultCaptcha;/*** 生成并缓存验证码，返给前端图片*/@Overridepublic BufferedImage getCaptcha(String uuid) {if (StringUtils.isEmpty(uuid)) {throw new GlobalException(BasicCodeMsg.PARAMETER_ERROR.setMsg("uuid不能为空"));}//生成文字验证码String code = producer.createText();log.info("uuid:{},验证码：{}",uuid,code);//缓存验证码redisService.set(AuthKeys.AUTH_CAPTCHA, uuid, code);return producer.createImage(code);}
}/*** 校验验证码*/@Overridepublic boolean validate(String uuid, String code) {//测试环境123456通过验证（可不加）if (EnvEnum.dev.name().equals(env) && code.equals(defaultCaptcha)) {return true;}String cacheCode = redisService.get(AuthKeys.AUTH_CAPTCHA, uuid, String.class);if (StringUtils.isEmpty(cacheCode)) {return false;}//删除缓存验证码redisService.delete(AuthKeys.AUTH_CAPTCHA, uuid);if (cacheCode.equalsIgnoreCase(code)) {return true;}return false;}

6、增加验证码校验

在登录授权验证的地方添加验证码相关校验，也就是原来校验用户名密码的地方增加。

if ("captcha".equals(type)) {LoginVo loginVo = LoginVo.builder().captcha(captcha).loginName(username).uuid(uuid).build();boolean result = captchaService.validate(uuid, captcha);if (!result) {throw new OAuth2Exception("验证码不正确");}return;

涉及文件

在这里插入图片描述


http://chatgpt.dhexx.cn/article/KvM5gtyW.shtml

相关文章

python 图片验证码

python 图片验证码

1.图片验证码第一步 # 导入绘图库 from PIL import ImageDraw, Image, ImageFont 2.生成图片验证类 # 图片验证类 class ImgCode(BaseHandler):# 定义随机颜色实例方法def get_random_color(self):R random.randrange(255)G random.randrange(255)B random.randrange(255)…
阅读更多...
java 生成图片验证码

java 生成图片验证码

https://vimsky.com/zh-tw/examples/detail/java-class-javax.servlet.ServletOutputStream.html 开发过程中&#xff0c;需要服务端返回验证码图片给前台&#xff0c;想想该如何实现呢&#xff1f; 1、字节流的输入输出 2、生成一个验证码&#xff0c;自定义字母数字混合实现…
阅读更多...
C# 图片验证码简单例子

C# 图片验证码简单例子

C# 图片验证码简单例子 一、简述 记--使用PictureBox绘制验证码。 例子&#xff1a;外链:https://wwm.lanzouq.com/b0cafckej 密码:cxxn 二、效果 三、工程结构 四、源文件 Form1.cs文件 using System; using System.Drawing; using System.Windows.Forms;namespace Verifi…
阅读更多...
springboot图片验证码

springboot图片验证码

前言: 大家好&#xff01;我是小小&#xff01;今天我们用五分钟来用springboot实现我们常用的图形验证码功能模块&#xff01; 用户登录几乎是一个线上系统必不可少且使用相对比较频繁的一个模块&#xff0c;为了防止恶意暴力尝试&#xff0c;防止洪水攻击、防止脚本自动提交…
阅读更多...
JavaWeb总结之通过Servlet生成验证码图片

JavaWeb总结之通过Servlet生成验证码图片

项目地址:https://github.com/zhangzeminzZ/ServletStudy 目录 1.BufferedImage类介绍2.在Form表单中使用验证码图片3.服务器端对form表单提交上来的验证码处理 1.BufferedImage类介绍 生成验证码图片主要用到了一个BufferedImage类 创建一个DrawImage Servlet&#xff0c;用…
阅读更多...
网站安全检测之图片验证码

网站安全检测之图片验证码

2019独角兽企业重金招聘Python工程师标准>>> 在对网站安全进行整体的安全检测的时候&#xff0c;用户登陆以及用户留言&#xff0c;评论&#xff0c;设置支付密码&#xff0c;以及一些网站功能方面都会用到图片验证码&#xff0c;针对于验证码我们SINE安全对其进行了…
阅读更多...
实现图片验证码【详细代码】

实现图片验证码【详细代码】

实际开发过程中经常遇到要实现图片验证码来防止外部使用脚本刷接口&#xff0c;所以说图片验证码是很有必要的一个小功能。 html <!--- 注册页面整增加图形验证码功能,这里为了更贴近企业级业务&#xff0c;我们在注册页面整增加图形验证码功能--> <div class"u…
阅读更多...
图片验证码实现的几种方式

图片验证码实现的几种方式

一、Google Kaptcha 1、简介 kaptcha 是一个非常实用的验证码生成工具。有了它&#xff0c;你可以生成各种样式的验证码&#xff0c;因为它是可配置的。kaptcha工作的原理是调用 com.google.code.kaptcha.servlet.KaptchaServlet&#xff0c;生成一个图片。同时将生成的验证码…
阅读更多...
ajax请求后台返回数据

ajax请求后台返回数据

功能介绍&#xff1a;最近学习在做一个新闻管理系统&#xff0c;其中有一个模块做的是一个排行榜功能&#xff0c;分为东部联盟和西部联盟&#xff0c;当我点击他的时候&#xff0c;排行的数据会发生变化。由于这一块怎么整个页面中的一小块&#xff0c;所以使用的是局部刷新页…
阅读更多...
如何取消ajax请求

如何取消ajax请求

之前在面试的时候&#xff0c;被面试官问到了如何取消ajax请求&#xff0c;然鹅并不知道&#xff0c;被刷之后痛定思痛&#xff0c;总结了原生XHR、jquery、axios取消ajax请求的方法。 原生XHR 对于原生XHR对象来说&#xff0c;取消的ajax的关键是调用XHR对象的.abort()方法 …
阅读更多...
HTML AJAX请求调用

HTML AJAX请求调用

html ajax请求 ------------------温故而知新,可以装逼矣-------------------- 大佬提出需求&#xff0c;访问html文件&#xff0c;动态响应文章内容 作为一个纯正&#xff08;半吊子&#xff09;的JAVA后端写太多前后端分离的项目&#xff0c;太久没接触前端知识。头都是炸的…
阅读更多...
ajax请求五个步骤！

ajax请求五个步骤！

ajax请求五个步骤&#xff01; 今天 咱们讲一讲Ajax请求五个步骤&#xff01; 1.创建XMLHttpRequest异步对象 var xhr; if (window.XMLHttpRequest){// code for IE7, Firefox, Chrome, Opera, Safarixhrnew XMLHttpRequest();} else{// code for IE6, IE5xhrnew ActiveXObje…
阅读更多...
jquery（五）Ajax请求

jquery（五）Ajax请求

在jQuery中AJAX的写法有3种&#xff0c;$ajax&#xff0c;$post&#xff0c;$get这三种。其中$post和$get是简易写法&#xff0c;高层的实现&#xff0c;在调用他们的时候&#xff0c;会运行底层封装好的$ajax。 ajax写法 $.ajax({url:"http://www.microsoft.com",…
阅读更多...
Ajax请求参数

Ajax请求参数

Ajax请求参数 GET请求参数的传递创建服务器通过表单访问服务器 POST请求参数的传递application/x-www-form-urlencoded参数的接收与发送创建服务器通过表单访问服务器 JSON格式数据的发送与接收创建服务器通过表单访问服务器 GET请求参数的传递 设置open()方法中的第1个参数为…
阅读更多...
Ajax请求以及发送Ajax请求的方式

Ajax请求以及发送Ajax请求的方式

1.在写C语言时候&#xff0c;写了好长时间&#xff0c;终于开始运行了&#xff0c;结果出现了这种情况&#xff0c;以前就没见过。 原来是自己的函数名写错了&#xff0c;main写成了amin.所以写代码一定要细心&#xff0c;不然会给你带来很失望的心情。 2.Ajax请求步骤 //1.创…
阅读更多...
html的ajax请求

html的ajax请求

页面中ajax发起请求&#xff0c;controller接收数据并处理 这次ajax的测试以访问html的方式配置 配置yml文件&#xff1a; 然后在 src/main/webapp下创建一个html页面 创建controller&#xff1a; 运行项目就可以访问到index.html&#xff1a; 引入jquery&#xff1a; 修改…
阅读更多...
Ajax请求详解

Ajax请求详解

Ajax请求 一、什么是Ajax二、Ajax原理是什么三、Ajax的使用1.创建Ajax核心对象XMLHttpRequest(记得考虑兼容性)2.向服务器发送请求3.服务器响应处理&#xff08;区分同步跟异步两种情况&#xff09;①同步处理②异步处理③GET和POST请求数据区别 四、结束语五、jQuery的ajax函数…
阅读更多...
Ajax原理一篇就够了

Ajax原理一篇就够了

前言 AJAX即“Asynchronous Javascript And XML”，是指一种创建交互式网页应用的网页开发技术。AJAX 是一种用于创建快速动态网页的技术。它可以令开发者只向服务器获取数据（而不是图片，HTML文档等资源），互联网资源的传输变得前所未有的轻量级和纯粹，这激发了广大开发者的…
阅读更多...
Ajax请求

Ajax请求

ajax请求简介&#xff1a; ajax是利用前端的技术&#xff0c;向服务器发送一个异步请求 原有的请求在请求后需要刷新整张页面&#xff0c;但是用ajax请求后只需要刷新一部分页面即可&#xff1b; xhr基础属性&#xff1a; Jquery与ajax&#xff1a;使用$.ajax({}) Ajax的html…
阅读更多...
Ajax请求的五个步骤

Ajax请求的五个步骤

目录 Ajax请求的五个步骤 一、定义 1、什么是Ajax 2、同步与异步的区别 3、ajax的工作原理 二、实现AJAX的基本步骤 1、创建XMLHttpRequest对象 2、创建HTTP请求 3、设置响应HTTP请求状态变化的函数 4、设置获取服务器返回数据的语句 5、发送HTTP请求 6、局部更新 …
阅读更多...
推荐文章

Copyright @ 2022~2023