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

article/2025/9/20 22:35:36

一、Google Kaptcha

1、简介

kaptcha 是一个非常实用的验证码生成工具。有了它，你可以生成各种样式的验证码，因为它是可配置的。kaptcha工作的原理是调用 com.google.code.kaptcha.servlet.KaptchaServlet，生成一个图片。同时将生成的验证码字符串放到 HttpSession中。

使用kaptcha可以方便的配置：

  • 验证码的字体
  • 验证码字体的大小
  • 验证码字体的字体颜色
  • 验证码内容的范围(数字，字母，中文汉字！)
  • 验证码图片的大小，边框，边框粗细，边框颜色
  • 验证码的干扰线(可以自己继承com.google.code.kaptcha.NoiseProducer写一个自定义的干扰线)
  • 验证码的样式(鱼眼样式、3D、普通模糊……当然也可以继承com.google.code.kaptcha.GimpyEngine自定义样式)

2、maven依赖

<dependency><groupId>pro.fessional</groupId><artifactId>kaptcha</artifactId><version>2.3.3</version>
</dependency>
<dependency><groupId>com.jhlabs</groupId><artifactId>filters</artifactId><version>2.0.235</version>
</dependency>

3、验证码配置类

import java.util.Properties;import org.springframework.context.annotation.Bean;
import org.springframework.stereotype.Component;import com.google.code.kaptcha.impl.DefaultKaptcha;
import com.google.code.kaptcha.util.Config;@Component
public class KaptchaConfig {@Beanpublic DefaultKaptcha getDefaultKaptcha() {DefaultKaptcha defaultKaptcha = new DefaultKaptcha();Properties properties = new Properties();// 图片边框properties.setProperty("kaptcha.border", "no");// 边框颜色properties.setProperty("kaptcha.border.color", "black");//边框厚度properties.setProperty("kaptcha.border.thickness", "1");// 图片宽properties.setProperty("kaptcha.image.width", "200");// 图片高properties.setProperty("kaptcha.image.height", "50");//图片实现类properties.setProperty("kaptcha.producer.impl", "com.google.code.kaptcha.impl.DefaultKaptcha");//文本实现类properties.setProperty("kaptcha.textproducer.impl", "com.google.code.kaptcha.text.impl.DefaultTextCreator");//文本集合，验证码值从此集合中获取properties.setProperty("kaptcha.textproducer.char.string", "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ");//验证码长度properties.setProperty("kaptcha.textproducer.char.length", "4");//字体properties.setProperty("kaptcha.textproducer.font.names", "宋体");//字体颜色properties.setProperty("kaptcha.textproducer.font.color", "black");//文字间隔properties.setProperty("kaptcha.textproducer.char.space", "5");//干扰实现类properties.setProperty("kaptcha.noise.impl", "com.google.code.kaptcha.impl.DefaultNoise");//干扰颜色properties.setProperty("kaptcha.noise.color", "blue");//干扰图片样式properties.setProperty("kaptcha.obscurificator.impl", "com.google.code.kaptcha.impl.WaterRipple");//背景实现类properties.setProperty("kaptcha.background.impl", "com.google.code.kaptcha.impl.DefaultBackground");//背景颜色渐变，结束颜色properties.setProperty("kaptcha.background.clear.to", "white");//文字渲染器properties.setProperty("kaptcha.word.impl", "com.google.code.kaptcha.text.impl.DefaultWordRenderer");Config config = new Config(properties);defaultKaptcha.setConfig(config);return defaultKaptcha;}}

4、接口返回图片验证码

在获取验证码的类中直接引入配置类即可

/*** 验证码类：Google Kaptcha*/
@Autowired
DefaultKaptcha defaultKaptcha;
/*** 获取图片验证码** @return* @throws Exception*/public RspObjectBO<VerifyCodeRspBO> verifyCodeGet(VerifyCodeReqBO reqBO) throws Exception {RspObjectBO<VerifyCodeRspBO> res = new RspObjectBO<>();VerifyCodeRspBO data = new VerifyCodeRspBO();String verifyId = CommonUtils.getUUID();String createText = defaultKaptcha.createText();log.info("验证码内容：{}", createText);BufferedImage bi = defaultKaptcha.createImage(createText);ByteArrayOutputStream stream = new ByteArrayOutputStream();ImageIO.write(bi, "jpeg", stream);String verifyCode = Base64.encode(stream.toByteArray());stream.flush();stream.close();RBucket<String> rBucket = redissonClient.getBucket(RedisKeyConstants.VerifyCodeKey + verifyId, StringCodec.INSTANCE);if (Objects.nonNull(reqBO.getDev_type()) && reqBO.getDev_type().equals(DeviceTypeEnum.Terminal_WX_Xcx.getType())) {rBucket = redissonClient.getBucket(RedisKeyConstants.VerifyCodeKey + reqBO.getDev_type() + verifyId, StringCodec.INSTANCE);}rBucket.set(createText, 3, TimeUnit.MINUTES);data.setVerifyid(verifyId);data.setVerifydata(verifyCode);res.setData(data);return res;}

二、自定义实现

import cn.hutool.core.codec.Base64;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;import javax.imageio.ImageIO;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.security.SecureRandom;
import java.util.Random;public class RandomValidateCodeUtil {private static final String RANDOMCODEKEY = "RANDOMVALIDATECODEKEY";//放到session中的keyprivate static final Logger logger = LoggerFactory.getLogger(RandomValidateCodeUtil.class);// private String randString = "0123456789";//随机产生只有数字的字符串 private String//private String randString = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";//随机产生只有字母的字符串private String randString = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";//随机产生数字与字母组合的字符串private int width = 95;// 图片宽private int height = 30;// 图片高private int lineSize = 40;// 干扰线数量private int stringNum = 4;// 随机产生字符数量private Random random = new SecureRandom();/*** 获得字体*/private Font getFont() {return new Font("Fixedsys", Font.CENTER_BASELINE, 18);}/*** 获得颜色*/private Color getRandColor(int fc, int bc) {if (fc > 255) {fc = 255;}if (bc > 255) {bc = 255;}int r = fc + random.nextInt(bc - fc - 16);int g = fc + random.nextInt(bc - fc - 14);int b = fc + random.nextInt(bc - fc - 18);return new Color(r, g, b);}/*** 生成随机图片 存储到session中*/public void getRandomCode(HttpServletRequest request, HttpServletResponse response) {HttpSession session = request.getSession();// BufferedImage类是具有缓冲区的Image类,Image类是用于描述图像信息的类BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_BGR);// 产生Image对象的Graphics对象,改对象可以在图像上进行各种绘制操作Graphics g = image.getGraphics();g.fillRect(0, 0, width, height);//图片大小g.setFont(new Font("Times New Roman", Font.ROMAN_BASELINE, 18));//字体大小g.setColor(getRandColor(110, 133));//字体颜色// 绘制干扰线for (int i = 0; i <= lineSize; i++) {drawLine(g);}// 绘制随机字符String randomString = "";for (int i = 1; i <= stringNum; i++) {randomString = drawString(g, randomString, i);}//将生成的随机字符串保存到session中session.removeAttribute(RANDOMCODEKEY);session.setAttribute(RANDOMCODEKEY, randomString);g.dispose();try {// 将内存中的图片通过流动形式输出到客户端ImageIO.write(image, "JPEG", response.getOutputStream());} catch (Exception e) {logger.error("将内存中的图片通过流动形式输出到客户端失败>>>> ", e);}}/*** 生成随机图片验证码*/private String getRandomCode() throws IOException {// BufferedImage类是具有缓冲区的Image类,Image类是用于描述图像信息的类BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_BGR);// 产生Image对象的Graphics对象,改对象可以在图像上进行各种绘制操作Graphics g = image.getGraphics();g.fillRect(0, 0, width, height);//图片大小g.setFont(new Font("Times New Roman", Font.ROMAN_BASELINE, 18));//字体大小g.setColor(getRandColor(110, 133));//字体颜色// 绘制干扰线for (int i = 0; i <= lineSize; i++) {drawLine(g);}// 绘制随机字符String randomString = "";for (int i = 1; i <= stringNum; i++) {randomString = drawString(g, randomString, i);}g.dispose();//返回base64图片ByteArrayOutputStream stream = new ByteArrayOutputStream();ImageIO.write(image, "jpeg", stream);String verifiCode = Base64.encode(stream.toByteArray());stream.flush();stream.close();return verifiCode;}/*** 绘制字符串*/private String drawString(Graphics g, String randomString, int i) {g.setFont(getFont());g.setColor(new Color(random.nextInt(101), random.nextInt(111), random.nextInt(121)));String rand = String.valueOf(getRandomString(random.nextInt(randString.length())));randomString += rand;g.translate(random.nextInt(3), random.nextInt(3));g.drawString(rand, 13 * i, 16);return randomString;}/*** 绘制干扰线*/private void drawLine(Graphics g) {int x = random.nextInt(width);int y = random.nextInt(height);int xl = random.nextInt(13);int yl = random.nextInt(15);g.drawLine(x, y, x + xl, y + yl);}/*** 获取随机的字符*/private String getRandomString(int num) {return String.valueOf(randString.charAt(num));}public static void main(String[] args) throws IOException {RandomValidateCodeUtil randomValidateCodeUtil = new RandomValidateCodeUtil();System.out.println(randomValidateCodeUtil.getRandomCode());}
}
    @RequestMapping("getVerifiCode")@ResponseBodypublic void getVerifiCode(HttpServletRequest request, HttpServletResponse response) throws IOException {/*1.生成验证码2.把验证码上的文本存在session中3.把验证码图片发送给客户端*/ImageVerificationCode ivc = new ImageVerificationCode();     //用我们的验证码类，生成验证码类对象BufferedImage image = ivc.getImage();  //获取验证码request.getSession().setAttribute("text", ivc.getText()); //将验证码的文本存在session中ivc.output(image, response.getOutputStream());//将验证码图片响应给客户端}

 三、Hutool工具类实现

1、Hutool工具简介

        Hutool是一个小而全的Java工具类库，通过静态方法封装，降低相关API的学习成本，提高工作效率，使Java拥有函数式语言般的优雅，让Java语言也可以“甜甜的”。

Hutool中的工具方法来自每个用户的精雕细琢，它涵盖了Java开发底层代码中的方方面面，它既是大型项目开发中解决小问题的利器，也是小型项目中的效率担当；

Hutool是项目中“util”包友好的替代，它节省了开发人员对项目中公用类和公用工具方法的封装时间，使开发专注于业务，同时可以最大限度的避免封装不完善带来的bug。

2、引入maven依赖

<dependency><groupId>com.xiaoleilu</groupId><artifactId>hutool-all</artifactId><version>3.2.3</version>
</dependency>

3、验证码功能介绍

验证码功能位于cn.hutool.captcha包中，核心接口为ICaptcha，此接口定义了以下方法：
●createCode 创建验证码，实现类需同时生成随机验证码字符串和验证码图片
●getCode 获取验证码的文字内容
●verify 验证验证码是否正确，建议忽略大小写
●write 将验证码写出到目标流中
其中write方法只有一个OutputStream，ICaptcha实现类可以根据这个方法封装写出到文件等方法。AbstractCaptcha为一个ICaptcha抽象实现类，此类实现了验证码文本生成、非大小写敏感的验证、写出到流和文件等方法，通过继承此抽象类只需实现createImage方法定义图形生成规则即可。
LineCaptcha线段干扰的验证码

//定义图形验证码的长和宽
LineCaptcha lineCaptcha = CaptchaUtil.createLineCaptcha(200, 100);//图形验证码写出，可以写出到文件，也可以写出到流
lineCaptcha.write("d:/line.png");
//输出code
Console.log(lineCaptcha.getCode());
//验证图形验证码的有效性，返回boolean值
lineCaptcha.verify("1234");//重新生成验证码
lineCaptcha.createCode();
lineCaptcha.write("d:/line.png");
//新的验证码
Console.log(lineCaptcha.getCode());
//验证图形验证码的有效性，返回boolean值
lineCaptcha.verify("1234");

CircleCaptcha圆圈干扰验证码

//定义图形验证码的长、宽、验证码字符数、干扰元素个数CircleCaptcha captcha = CaptchaUtil.createCircleCaptcha(200, 100, 4, 20);//CircleCaptcha captcha = new CircleCaptcha(200, 100, 4, 20);//图形验证码写出，可以写出到文件，也可以写出到流captcha.write("d:/circle.png");//验证图形验证码的有效性，返回boolean值captcha.verify("1234");

ShearCaptcha扭曲干扰验证码

//定义图形验证码的长、宽、验证码字符数、干扰线宽度ShearCaptcha captcha = CaptchaUtil.createShearCaptcha(200, 100, 4, 4);//ShearCaptcha captcha = new ShearCaptcha(200, 100, 4, 4);//图形验证码写出，可以写出到文件，也可以写出到流captcha.write("d:/shear.png");//验证图形验证码的有效性，返回boolean值captcha.verify("1234");

自定义验证码
        有时候标准的验证码不满足要求，比如我们希望使用纯字母的验证码、纯数字的验证码、加减乘除的验证码，此时我们就要自定义CodeGenerator

// 自定义纯数字的验证码（随机4位数字，可重复）
RandomGenerator randomGenerator = new RandomGenerator("0123456789", 4);
LineCaptcha lineCaptcha = CaptchaUtil.createLineCaptcha(200, 100);
lineCaptcha.setGenerator(randomGenerator);
// 重新生成code
lineCaptcha.createCode();
ShearCaptcha captcha = CaptchaUtil.createShearCaptcha(200, 45, 4, 4);
// 自定义验证码内容为四则运算方式
captcha.setGenerator(new MathGenerator());
// 重新生成code
captcha.createCode();


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

相关文章

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、局部更新 …
阅读更多...
详解Ajax请求

详解Ajax请求

目录 1.$.get()函数的语法 2.$.get()发起不带参数的请求 3.$.get()发起带参数的请求 4.$.post()函数的语法 5.$.post()向服务器提交数据 6.$.ajax()函数的语法 7.使用$.ajax()发起GET请求 ​8.使用$.ajax()发起POST请求 1.$.get()函数的语法 jQuery中$.get()函数的功能单…
阅读更多...
linux下输入法，中英文自由切换，仍无法输入中文

linux下输入法，中英文自由切换，仍无法输入中文

1、安装中文输入法&#xff1a;yum install "Chinese Support" 2、中英文切换&#xff1a;Super空格 &#xff08;其中Super键在Ctrl和Alt之间&#xff09; 也可以直接点击右上角进行切换 3、设置输入源&#xff1a;如果直接选择汉语的话&#xff0c;即使中英文可以…
阅读更多...
Linux配置中文输入法图文教程

Linux配置中文输入法图文教程

原来的设置中&#xff0c;从中文切换到英文或者从英文切换为中文&#xff08;跨语言&#xff09;时&#xff0c;总要使用不同的快捷键。在这个教程中&#xff0c;我们将使用controlshift来完成所有输入法的切换&#xff08;无论是否跨语言&#xff09;。 首先在键盘设置中&…
阅读更多...
「 Linux 」“安装中文输入法方法”讲解

「 Linux 」“安装中文输入法方法”讲解

一、前言 每重装一次Linux系统都会被中文输入法打扰一下&#xff0c;把安装方法记录下来吧&#xff0c;方便操作。 二、技术实现 1. 点击屏幕右上角的螺丝口&#xff0c;选择“System Settings”&#xff1b; 2. 点击“Language suport”&#xff1a; 3. 弹出语言支持安装窗口…
阅读更多...
【Linux】安装中文输入法

【Linux】安装中文输入法

目录 1.安装中文输入2.设置输入法快捷键切换 1.安装中文输入 命令&#xff1a;sudo apt-get install ibus-pinyin 输入命令后重启一下&#xff1a;reboot 添加之后就可以在右上角选择了 2.设置输入法快捷键切换 右上角进入设置界面 默认的切换快捷键&#xff1a; 鼠标单击…
阅读更多...
Linux不能输入中文

Linux不能输入中文

Linux不能输入中文 文章目录 Linux不能输入中文1 目标2 环境3 修改配置3.1 服务器编码配置 1 目标 本文针对的问题是“Ubuntu 安装中文语言包”“Ubuntu Server中文问题”&#xff0c;“Ubuntu更改语言环境”&#xff0c;“Ubuntu locale的设定”&#xff0c;“cannot change …
阅读更多...
Linux之中文输入

Linux之中文输入

打开linux系统的应用程序选择系统工具点击设置选择区域和语言窗口 添加汉语中文输入源 使用win空格实现切换&#xff1b;或shift。
阅读更多...
linux下的中文输入法

linux下的中文输入法

最近折腾Ubuntu&#xff0c;之前一直是用英文显示系统&#xff0c;输入法也是Ubuntu14默认的拼音&#xff0c;一开始也没觉得不好&#xff0c;可是在vim编辑文档时 &#xff0c;需要添加注释&#xff0c;这就显得十分不方便&#xff0c;所以花点时间来解决这个问题&#xff0c;…
阅读更多...
推荐文章

Copyright @ 2022~2023