效果展示

字母类型
68747470733a2f2f73322e617831782e636f6d2f323031392f30382f32332f6d73463044502e706e67.png

GIF类型
68747470733a2f2f73322e617831782e636f6d2f323031392f30382f32332f6d7346584b312e676966.gif

算术类型:
68747470733a2f2f73322e617831782e636f6d2f323031392f30382f32332f6d736b4b50672e706e67.png

中文类型:
68747470733a2f2f73322e617831782e636f6d2f323031392f30382f32332f6d736b63644b2e706e67.png

内置字体:
68747470733a2f2f73322e617831782e636f6d2f323031392f30382f32332f6d734156534a2e706e67.png

第一步,引入maven依赖

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

创建CaptchaController工具类

/**
 * @author songzixian
 * @create 2019-10-13 下午 4:36
 */
@Controller
public class CaptchaController {

    @RequestMapping("/captcha")
    public void captcha(HttpServletRequest request, HttpServletResponse response) throws Exception {
        // 设置请求头为输出图片类型
        response.setContentType("image/gif");
        response.setHeader("Pragma", "No-cache");
        response.setHeader("Cache-Control", "no-cache");
        response.setDateHeader("Expires", 0);

        // 三个参数分别为宽、高、位数
        SpecCaptcha specCaptcha = new SpecCaptcha(130, 48, 5);
        // 设置字体
        specCaptcha.setFont(new Font("Verdana", Font.PLAIN, 32));  // 有默认字体,可以不用设置
        // 设置类型,纯数字、纯字母、字母数字混合
        specCaptcha.setCharType(Captcha.TYPE_ONLY_CHAR);

        // 验证码存入session
        request.getSession().setAttribute("captcha", specCaptcha.text().toLowerCase());

        // 输出图片流
        specCaptcha.out(response.getOutputStream());
    }

}

前端html代码:

<img src="/captcha" width="130px" height="48px" />

在方法中调用

 @PostMapping("/login")
    public JsonResult login(String username,String password,String verCode){
        // 获取session中的验证码
        String sessionCode = request.getSession().getAttribute("captcha");
        // 判断验证码
        if (verCode==null || !sessionCode.equals(verCode.trim().toLowerCase())) {
            return JsonResult.error("验证码不正确");
        }
    }  

例如
好看的Java图形验证码,支持gif、中文、算术等类型实现.png

更多设置(按照实际需要,可忽略)

public class Test {
    
    public static void main(String[] args) {
        // png类型
        SpecCaptcha captcha = new SpecCaptcha(130, 48);
        captcha.text();  // 获取验证码的字符
        captcha.textChar();  // 获取验证码的字符数组
        
        // gif类型
        GifCaptcha captcha = new GifCaptcha(130, 48);
        
        // 中文类型
        ChineseCaptcha captcha = new ChineseCaptcha(130, 48);
        
        // 中文gif类型
        ChineseGifCaptcha captcha = new ChineseGifCaptcha(130, 48);
        
        // 算术类型
        ArithmeticCaptcha captcha = new ArithmeticCaptcha(130, 48);
        captcha.setLen(3);  // 几位数运算,默认是两位
        captcha.getArithmeticString();  // 获取运算的公式:3+2=?
        captcha.text();  // 获取运算的结果:5
        
        captcha.out(outputStream);  // 输出验证码
    }
}

存储Redis用法

@Controller
public class CaptchaController {

    @Autowired
    private RedistUtil redistUtil;

    @RequestMapping("/captcha")
    public void captcha(HttpServletRequest request, HttpServletResponse response) throws Exception {
        // 设置请求头为输出图片类型
        response.setContentType("image/gif");
        response.setHeader("Pragma", "No-cache");
        response.setHeader("Cache-Control", "no-cache");
        response.setDateHeader("Expires", 0);

        // 三个参数分别为宽、高、位数
        SpecCaptcha specCaptcha = new SpecCaptcha(130, 48, 5);
        // 设置字体
        specCaptcha.setFont(new Font("Verdana", Font.PLAIN, 32));  // 有默认字体,可以不用设置
        // 设置类型,纯数字、纯字母、字母数字混合
        specCaptcha.setCharType(Captcha.TYPE_ONLY_CHAR);

        String uuid = UUID.randomUUID().toString().substring(0,4);
        // 验证码存入session
        //request.getSession().setAttribute("captcha", specCaptcha.text().toLowerCase());
        redistUtil.setString("captcha-"+uuid,specCaptcha.text().toLowerCase(),30L);

        System.out.println(uuid);
        System.out.println("从redis中取出的验证码是:"+redistUtil.getString("captcha-"+uuid));

        System.out.println(uuid);
        // 输出图片流
        specCaptcha.out(response.getOutputStream());
    }

}

需要引入Redis工具类https://songzixian.com/javatuils/599.html

5.2.验证码字符类型

类型描述
TYPE_DEFAULT数字和字母混合
TYPE_ONLY_NUMBER纯数字
TYPE_ONLY_CHAR纯字母
TYPE_ONLY_UPPER纯大写字母
TYPE_ONLY_LOWER纯小写字母
TYPE_NUM_AND_UPPER数字和大写字母

使用方法:

SpecCaptcha captcha = new SpecCaptcha(130, 48, 5);
captcha.setCharType(Captcha.TYPE_ONLY_NUMBER);
只有SpecCaptchaGifCaptcha设置才有效果。

5.3.字体设置

内置字体:

字体效果
Captcha.FONT_1img
Captcha.FONT_2img
Captcha.FONT_3img
Captcha.FONT_4img
Captcha.FONT_5img
Captcha.FONT_6img
Captcha.FONT_7img
Captcha.FONT_8img
Captcha.FONT_9img
Captcha.FONT_10img

使用方法:

SpecCaptcha captcha = new SpecCaptcha(130, 48, 5);

// 设置内置字体
captcha.setFont(Captcha.FONT_1); 

// 设置系统字体
captcha.setFont(new Font("楷体", Font.PLAIN, 28)); 

5.4.输出base64编码

SpecCaptcha specCaptcha = new SpecCaptcha(130, 48, 5);
specCaptcha.toBase64();

// 如果不想要base64的头部data:image/png;base64,
specCaptcha.toBase64("");  // 加一个空的参数即可

5.5.输出到文件

FileOutputStream outputStream = new FileOutputStream(new File("C:/captcha.png"))
SpecCaptcha specCaptcha = new SpecCaptcha(130, 48, 5);
specCaptcha.out(outputStream);

效果图
好看的Java图形验证码,支持gif、中文、算术等类型实现 2.png

Last modification:April 20, 2020
如果觉得这篇技术文章对你有用,请随意赞赏