kaptcha实现验证码功能(返回图片/返回Base64两种形式)

最新推荐文章于 2023-08-12 22:41:16 发布
最新推荐文章于 2023-08-12 22:41:16 发布
阅读量1k 收藏 1
点赞数 1
分类专栏： 夏大人的笔记本 文章标签： java spring boot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40851026/article/details/112742073
版权

kaptcha实现验证码功能

添加依赖

	 <!--验证码 -->
        <dependency>
            <groupId>com.github.penggle</groupId>
            <artifactId>kaptcha</artifactId>
            <version>2.3.2</version>
        </dependency>

创建CaptchaConfig配置类

CaptchaConfig配置了两种验证码格式,文字/算数,其中算数格式验证码需要写一个自定义验证码文本生成类KaptchaTextCreator,继承DefaultTextCreator

package cn.sherL.config;

import com.google.code.kaptcha.impl.DefaultKaptcha;
import com.google.code.kaptcha.util.Config;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

import java.util.Properties;

import static com.google.code.kaptcha.Constants.*;

/**
 * @ClassName:management
 * @author: sherL
 * @description 验证码配置
 * @Date:2021/1/17 11:46
 * @Version: 1.0
 **/
@Configuration
public class CaptchaConfig {
    /**
    * @Title: CaptchaConfig
    * @Description: 文字验证码
    * @Author: sherL
    * @Date:  2021/1/17 11:48
    * @Parameters:
    * @Return
    */
    @Bean(name = "captchaProducer")
    public DefaultKaptcha getKaptchaBean()
    {
        DefaultKaptcha defaultKaptcha = new DefaultKaptcha();
        Properties properties = new Properties();
        // 是否有边框 默认为true 我们可以自己设置yes，no
        properties.setProperty(KAPTCHA_BORDER, "yes");
        // 验证码文本字符颜色 默认为Color.BLACK
        properties.setProperty(KAPTCHA_TEXTPRODUCER_FONT_COLOR, "black");
        // 验证码图片宽度 默认为200
        properties.setProperty(KAPTCHA_IMAGE_WIDTH, "160");
        // 验证码图片高度 默认为50
        properties.setProperty(KAPTCHA_IMAGE_HEIGHT, "60");
        // 验证码文本字符大小 默认为40
        properties.setProperty(KAPTCHA_TEXTPRODUCER_FONT_SIZE, "38");
        // KAPTCHA_SESSION_KEY
        properties.setProperty(KAPTCHA_SESSION_CONFIG_KEY, "kaptchaCode");
        // 验证码文本字符长度 默认为5
        properties.setProperty(KAPTCHA_TEXTPRODUCER_CHAR_LENGTH, "4");
        // 验证码文本字体样式 默认为new Font("Arial", 1, fontSize), new Font("Courier", 1, fontSize)
        properties.setProperty(KAPTCHA_TEXTPRODUCER_FONT_NAMES, "Arial,Courier");
        // 图片样式 水纹com.google.code.kaptcha.impl.WaterRipple 鱼眼com.google.code.kaptcha.impl.FishEyeGimpy 阴影com.google.code.kaptcha.impl.ShadowGimpy
        properties.setProperty(KAPTCHA_OBSCURIFICATOR_IMPL, "com.google.code.kaptcha.impl.ShadowGimpy");
        Config config = new Config(properties);
        defaultKaptcha.setConfig(config);
        return defaultKaptcha;
    }
    /**
    * @Title: CaptchaConfig
    * @Description: 加法验证码
    * @Author: sherL
    * @Date:  2021/1/17 11:47  
    * @Parameters: 
    * @Return 
    */
    @Bean(name = "captchaProducerMath")
    public DefaultKaptcha getKaptchaBeanMath()
    {
        DefaultKaptcha defaultKaptcha = new DefaultKaptcha();
        Properties properties = new Properties();
        // 是否有边框 默认为true 我们可以自己设置yes，no
        properties.setProperty(KAPTCHA_BORDER, "yes");
        // 边框颜色 默认为Color.BLACK
        properties.setProperty(KAPTCHA_BORDER_COLOR, "105,179,90");
        // 验证码文本字符颜色 默认为Color.BLACK
        properties.setProperty(KAPTCHA_TEXTPRODUCER_FONT_COLOR, "blue");
        // 验证码图片宽度 默认为200
        properties.setProperty(KAPTCHA_IMAGE_WIDTH, "160");
        // 验证码图片高度 默认为50
        properties.setProperty(KAPTCHA_IMAGE_HEIGHT, "60");
        // 验证码文本字符大小 默认为40
        properties.setProperty(KAPTCHA_TEXTPRODUCER_FONT_SIZE, "35");
        // KAPTCHA_SESSION_KEY
        properties.setProperty(KAPTCHA_SESSION_CONFIG_KEY, "kaptchaCodeMath");
        // 验证码文本生成器
        properties.setProperty(KAPTCHA_TEXTPRODUCER_IMPL, "cn.sherL.config.KaptchaTextCreator");
        // 验证码文本字符间距 默认为2
        properties.setProperty(KAPTCHA_TEXTPRODUCER_CHAR_SPACE, "3");
        // 验证码文本字符长度 默认为5
        properties.setProperty(KAPTCHA_TEXTPRODUCER_CHAR_LENGTH, "6");
        // 验证码文本字体样式 默认为new Font("Arial", 1, fontSize), new Font("Courier", 1, fontSize)
        properties.setProperty(KAPTCHA_TEXTPRODUCER_FONT_NAMES, "Arial,Courier");
        // 验证码噪点颜色 默认为Color.BLACK
        properties.setProperty(KAPTCHA_NOISE_COLOR, "white");
        // 干扰实现类
        properties.setProperty(KAPTCHA_NOISE_IMPL, "com.google.code.kaptcha.impl.NoNoise");
        // 图片样式 水纹com.google.code.kaptcha.impl.WaterRipple 鱼眼com.google.code.kaptcha.impl.FishEyeGimpy 阴影com.google.code.kaptcha.impl.ShadowGimpy
        properties.setProperty(KAPTCHA_OBSCURIFICATOR_IMPL, "com.google.code.kaptcha.impl.ShadowGimpy");
        Config config = new Config(properties);
        defaultKaptcha.setConfig(config);
        return defaultKaptcha;
    }
}

新建验证码文本生成器

package cn.sherL.config;

import com.google.code.kaptcha.text.impl.DefaultTextCreator;

import java.util.Random;

/**
 * @ClassName:management
 * @author: sherL
 * @description 验证码文本生成器
 * @Date:2021/1/17 11:49
 * @Version: 1.0
 **/
public class KaptchaTextCreator  extends DefaultTextCreator {
    private static final String[] CNUMBERS = "0,1,2,3,4,5,6,7,8,9,10".split(",");

    @Override
    public String getText() {
        Integer result = 0;
        /**
        * @Title: KaptchaTextCreator
        * @Description: 生成0-10随机数
        * @Author: sherL
        * @Date:  2021/1/17 11:53  
        * @Parameters: 
        * @Return 
        */
        Random random = new Random();
        int x = random.nextInt(10);
        int y = random.nextInt(10);
        /**
        * @Title: KaptchaTextCreator
        * @Description: StringBuilder 用于字符串拼接,但效率更高
        * @Author: sherL
        * @Date:  2021/1/17 11:54  
        * @Parameters: 
        * @Return 
        */
        StringBuilder suChinese = new StringBuilder();
        /**
        * @Title: KaptchaTextCreator
        * @Description: 生成0-2随机数,用来生成加减乘除
        * @Author: sherL
        * @Date:  2021/1/17 11:59  
        * @Parameters: 
        * @Return 
        */
        int randomoperands = (int) Math.round(Math.random() * 2);
        if (randomoperands == 0)
        {
            result = x * y;
            suChinese.append(CNUMBERS[x]);
            suChinese.append("*");
            suChinese.append(CNUMBERS[y]);
        }
        else if (randomoperands == 1)
        {
            if (!(x == 0) && y % x == 0)
            {
                result = y / x;
                suChinese.append(CNUMBERS[y]);
                suChinese.append("/");
                suChinese.append(CNUMBERS[x]);
            }
            else
            {
                result = x + y;
                suChinese.append(CNUMBERS[x]);
                suChinese.append("+");
                suChinese.append(CNUMBERS[y]);
            }
        }
        else if (randomoperands == 2)
        {
            if (x >= y)
            {
                result = x - y;
                suChinese.append(CNUMBERS[x]);
                suChinese.append("-");
                suChinese.append(CNUMBERS[y]);
            }
            else
            {
                result = y - x;
                suChinese.append(CNUMBERS[y]);
                suChinese.append("-");
                suChinese.append(CNUMBERS[x]);
            }
        }
        else
        {
            result = x + y;
            suChinese.append(CNUMBERS[x]);
            suChinese.append("+");
            suChinese.append(CNUMBERS[y]);
        }
        suChinese.append("=?@" + result);
        return suChinese.toString();
    }
}

新建controller层,并完成调用

package cn.sherL.Controller;

import cn.sherL.utils.Base64;
import com.google.code.kaptcha.Producer;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.util.FastByteArrayOutputStream;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import javax.annotation.Resource;
import javax.imageio.ImageIO;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.OutputStream;

/**
 * @ClassName:management
 * @author: sherL
 * @description 验证码文本生成器
 * @Date:2021/1/17 11:35
 * @Version: 1.0
 **/
@RestController
public class KaptcheController {

    @Resource(name = "captchaProducer")
    private Producer captchaProducer;
    // 验证码类型
    @Value("${sherL.captchaType}")
    private String captchaType;

    @Resource(name = "captchaProducerMath")
    private Producer captchaProducerMath;

    /**
    * @Title: KaptcheController
    * @Description: 直接返回图片
    * @Author: sherL
    * @Date:  2021/1/17 13:47  
    * @Parameters: 
    * @Return 
    */
    @RequestMapping("/getCaptImg")
    public void  getCaptImg(HttpServletResponse response, HttpSession session){
        String capStr = null, code = null;
        BufferedImage image = null;

        // 生成验证码
        if ("math".equals(captchaType))
        {
            String capText = captchaProducerMath.createText();
            capStr = capText.substring(0, capText.lastIndexOf("@"));
            code = capText.substring(capText.lastIndexOf("@") + 1);
            image = captchaProducerMath.createImage(capStr);
        }
        else if ("char".equals(captchaType))
        {
            capStr = code = captchaProducer.createText();
            image = captchaProducer.createImage(capStr);
        }


        try {
            response.setContentType("image/png");
            OutputStream os = response.getOutputStream();
            ImageIO.write(image,"png",os);
        } catch (IOException e) {
            System.out.println("响应验证码失败"+e.getMessage());
        }
    }
    
    /**
    * @Title: KaptcheController
    * @Description: 返回base64字符串
    * @Author: sherL
    * @Date:  2021/1/17 13:48  
    * @Parameters: 
    * @Return 
    */
    @RequestMapping("/getCapt")
    public String  getCapt(){
        String capStr = null, code = null;
        BufferedImage image = null;

        // 生成验证码
        if ("math".equals(captchaType))
        {
            String capText = captchaProducerMath.createText();
            capStr = capText.substring(0, capText.lastIndexOf("@"));
            code = capText.substring(capText.lastIndexOf("@") + 1);
            image = captchaProducerMath.createImage(capStr);
        }
        else if ("char".equals(captchaType))
        {
            capStr = code = captchaProducer.createText();
            image = captchaProducer.createImage(capStr);
        }
        // 转换流信息写出
        FastByteArrayOutputStream os = new FastByteArrayOutputStream();
        try
        {
            ImageIO.write(image, "jpg", os);
        }
        catch (IOException e)
        {
            return (e.getMessage());
        }
        return  Base64.encode(os.toByteArray());
    }

}

最终效果

以流的形式返回图片
在这里插入图片描述
返回base64字符串
在这里插入图片描述
该版本调用的是本地的base64工具类,也可以引入jar包.

划水摸鱼
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
springboot生成包含特定数字_springboot+kaptcha生成数学运算验证码和字符验证码
weixin_39833290的博客
12-24 439
使用以下代码只需要复制粘贴，修改一处文本生成器路径即可，文中有交代。1.添加kaptcha依赖com.github.pengglekaptcha2.3.22.编写验证码文本生成器，为了给数据运算验证码用的/*** 验证码文本生成器**@authorshw*/public class KaptchaTextCreator extendsDefaultTextCreator{private stati...
Springboot继承Kaptcha实现验证码,Base64前端展示
m0_50959444的博客
02-28 620
Springboot继承Kaptcha实现验证码 前端实现验证码仅是单纯的一个小验证，若是想要实实在在的人机验证，还是需要由后端实现验证码的生成的。 1、导入相关依赖 <dependency> <groupId>com.github.penggle</groupId> <artifactId>kaptcha</artifactId> <exclusions>
生成base64图片验证码（过程艰辛）
weixin_38107457的博客
07-26 656
utils -> get_captcha.go github.com/mojocn/base64Captcha package utils import ( "github.com/mojocn/base64Captcha" "image/color" ) type Captcha struct { Id string BS64 string } func GetCaptcha() (id string, base64 string, err error) { rgbaColo
SpringBoot 中使用 Kaptcha 验证码生成器
傲凝的博客
10-08 4445
Kaptcha 介绍 验证码（CAPTCHA）：是 Completely Automated Public Turing test to tell Computers and Humans Apart（全自动区分计算机和人类的图灵测试）的缩写，是一种区分用户是计算机还是人的公共全自动程序。 作用：可以防止 恶意破解密码、刷票、论坛灌水，有效防止某个黑客对某一个特定注册用户用特定程序暴力破...
Spring boot项目使用kaptcha生成验证码
qq_43960768的博客
01-15 268
Spring boot项目使用kaptcha生成验证码
java将图片转为base64返回给前端
08-25
本文将详细介绍 Java 将图片转换为 Base64 返回给前端的实现过程，并提供实例代码供大家参考。 Java 图片转换为 Base64 的必要性 在 web 开发中，经常需要将图片传输到前端，以便在前端进行显示或处理。然而，图片...
VC++验证码生成Base64验证码png图片程序
12-09
VC++验证码生成Base64验证码png图片程序,如何使用VC++生成验证码图片,输出Base64图片给网页调用
Python实现base64编码的图片保存到本地功能示例
09-20
这段代码读取了一个名为`image.jpg`的图片文件，并将其内容以Base64编码的形式输出。 要将Base64编码的图片保存到本地，我们需要先解码这个编码，然后将其写入一个新文件。这里是一个Python实现的完整示例： ```...
js 图片转base64的方式(两种)
01-19
使用xhr请求图片,并设置返回的文件类型为Blob对象[xhr.responseType = “blob”] 使用FileReader 对象接收blob <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta ...
Vue实现base64编码图片间的切换功能
12-13
昨天在项目开发中遇到了一个需要展示多张图片到一个容器中的需求，每张图片在鼠标移入时都要更换图片路径，展示一个新的图片，由于每张图片大小都在2~6kb之间，webpack中配置了图片在10kb以内自动转换base64，所有就...
SpringBoot整合Kaptcha（图形验证码）
08-18
基于 Spring Boot 整合 Kaptcha 实现的图形验证码 Demo，本 Demo 没有涉及到任何数据库的操作，非常适合初学者学习参考，也可以参考我的博客。
【SpringBoot】15、SpringBoot中使用Kaptcha实现验证码
热门推荐
Asurplus
09-26 20万+
当我们在项目中登录使用验证码的时候，不妨试试Kaptcha生成验证码，非常简单 1、我们在pom.xml文件中引入kaptcha的maven依赖 <!-- kaptcha验证码 --> <dependency> <groupId>com.github.penggle</groupId> <artifactId>kaptcha&lt...
SpringBoot项目中application.properties文件使用随机数（字符串，数字）
文武傲群雄，彳亍定江山
07-26 1002
# 随机字符串 com.didispace.blog.value=${random.value} # 随机int com.didispace.blog.number=${random.int} # 随机long com.didispace.blog.bignumber=${random.long} # 10以内的随机数 com.didispace.blog.test1=${random.int(10)} # 10-20的随机数 com.didispace.blog.test2=${rando
springboot验证码kaptcha之加减法运算
ifelse的个人博客
05-14 3219
@TOC 前言 实现加减法判断的图形验证码，效果如下图 一、实现原理 自定义一个kaptcha.textproducer.impl的实现类 二、实现步骤 1.自定义一个AftTextCreator类 代码如下（示例）： package com.zjyc.qzaft.entity.customs; import com.google.code.kaptcha.text.impl.DefaultTextCreator; import com.google.common.base.Objects; /**
struts2使用kaptcha生成验证图片
begend
12-06 195
1、到http://code.google.com/p/kaptcha/ 下载jar文件到 WEB-INF/lib目录下 2、配置web.xml文件如下： &lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;web-app id="starter" version="2.4" xmlns="http://jav
kaptchaCode(验证码)
weixin_30432579的博客
10-11 194
1.springMVC-servlet.xml配置bean <bean id="captchaProducer" class="com.google.code.kaptcha.impl.DefaultKaptcha"> <property name="config"> <bean class="com.google....
使用 SpringBoot + kaptcha + redis 生成随机数及算术运算验证码功能
最新发布
竹林幽深
08-12 389
当点击"获取验证码"按钮时，会生成一个新的UUID，并向后端发送请求获取对应的验证码图片。您可以使用Spring Initializr（https://start.spring.io/）来生成项目骨架，或者使用IDE（如IntelliJ IDEA或Eclipse）来创建。为了方便测试，我们创建一个新的Controller方法来显示测试验证码的页面。上述代码将创建一个DefaultKaptcha的Bean，并使用@Value注解来读取配置文件中的Kaptcha属性。#SpringBoot13个。
基于kaptcha实现图形验证码功能
A20001230T的博客
07-29 274
这里我配置了两种类型的验证码 math 数字计算 和 char 字符验证。# 验证码类型 math 数组计算 char 字符验证。这里我使用math类型。1、引入kaptcha插件依赖。2、实现kaptcha配置类。# 获取ip地址开关。
Spring Boot使用kaptcha生成验证码
liyayou的博客
08-08 256
4. 编写CalculationTextCreator类，继承DefaultTextCreator（重写验证码生成规则）a. KaptchaProps（获取application.yml文件的kaptcha配置）b. KaptchaConfig（用于配置验证码样式，验证码规则等）2.在application.yml文件配置。
VUE 实现base64显示验证码图片显示
05-20
可以使用 `vue-base64-image` 插件来实现在 Vue 中显示 base64 格式的验证码图片。 首先安装插件： ``` npm install vue-base64-image --save ``` 然后在需要显示验证码的 Vue 组件中引入插件： ```js import Base64Image from 'vue-base64-image' ``` 在模板中使用 `Base64Image` 组件，将 base64 格式的验证码图片作为 `src` 属性传入即可： ```html <Base64Image :src="captcha" /> ``` 其中，`captcha` 是包含验证码图片的 base64 字符串。 完整代码示例： ```html <template> <div> <Base64Image :src="captcha" /> <button @click="refreshCaptcha">刷新验证码</button> </div> </template> <script> import Base64Image from 'vue-base64-image' export default { components: { Base64Image }, data() { return { captcha: '' } }, mounted() { this.refreshCaptcha() }, methods: { refreshCaptcha() { // 通过 API 获取包含验证码图片的 base64 字符串 // 这里只是示例，具体实现需要根据实际情况进行调整 this.captcha = 'data:image/png;base64,iVBORw0KG...' } } } </script> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值