图片验证码详解（生成/保存/发送/验证）

本文使用的图片验证码生产工具是captcha，废话不多说，直接上代码

关于前后端分离，图片如何保存验证，只需前端获取图片验证码时传入一个key，将图片存入redis时用该key作为存入redis的key，提交注册/登录时携带该key，即可。

 

Controller

/**
 * 图片验证码 控制器
 */
@RestController
@Api(value = "@-图片验证码")
@RequestMapping(value = "/admin/imagevc/")
public class ImageVcController extends ZyBaseController {

    @Autowired
    protected CaptchaService captchaService;

    /**
     * 获取图片验证码
     *
     * @return java.lang.Object
     * @author xx
     * @date 2021/3/03 10:36
     */
    @PostMapping(value = "")
    public void query(@RequestBody ImageVcIn in ,HttpServletResponse response) {
        captchaService.create(in,response);
    }
}

Service

@Slf4j @Service public class CaptchaService { @Autowired private RedisService redisService; /** * @Description: 获取图片验证码 * @param response: * @return: void * @author: xx * @date: 2021/3/3 4:54 下午 */
    public void create(ImageVcIn in, HttpServletResponse response) { try { ValidateCodeProperties validateCodeProperties = new ValidateCodeProperties(); setHeader(response, validateCodeProperties.getType()); Captcha captcha = createCaptcha(); redisService.set("tpyzm-"+in.getImageVcKey(), StringUtils.lowerCase(captcha.text()), validateCodeProperties.getTime()); captcha.out(response.getOutputStream()); }catch (IOException e){ log.error("获取图片验证码失败",e); } } /** * @Description: 校验图片验证码是否正确 * @param key: * @param value: * @return: void * @author: xx * @date: 2021/3/3 4:53 下午 */
    public void check(String key, String value){ Object codeInRedis = redisService.get("tpyzm-"+key); Optional.ofNullable(codeInRedis).orElseThrow(()->new BusinessException("验证码已过期")); if (!StringUtils.equalsIgnoreCase(value, String.valueOf(codeInRedis))) { throw new BusinessException("验证码不正确"); } } /** * @Description: 创建图片验证码 * @param : * @return: com.wf.captcha.base.Captcha * @author: xx * @date: 2021/3/3 9:30 上午 */
    public Captcha createCaptcha() { ValidateCodeProperties validateCodeProperties = new ValidateCodeProperties(); Captcha captcha = null; if (StringUtils.equalsIgnoreCase(validateCodeProperties.getType(), ImageType.GIF)) { captcha = new GifCaptcha(validateCodeProperties.getWidth(), validateCodeProperties.getHeight(), validateCodeProperties.getLength()); } else { captcha = new SpecCaptcha(validateCodeProperties.getWidth(), validateCodeProperties.getHeight(), validateCodeProperties.getLength()); } captcha.setCharType(validateCodeProperties.getCharType()); return captcha; } /** * @Description: 设置返回头信息 * @param response: * @param type: * @return: void * @author: xx * @date: 2021/3/3 9:30 上午 */
    private void setHeader(HttpServletResponse response, String type) { if (StringUtils.equalsIgnoreCase(type, ImageType.GIF)) { response.setContentType(MediaType.IMAGE_GIF_VALUE); } else { response.setContentType(MediaType.IMAGE_PNG_VALUE); } response.setHeader(HttpHeaders.PRAGMA, "No-cache"); response.setHeader(HttpHeaders.CACHE_CONTROL, "No-cache"); response.setDateHeader(HttpHeaders.EXPIRES, 0L); } }

pom

       <!--图片验证码-->
        <dependency>
            <groupId>com.github.whvcse</groupId>
            <artifactId>easy-captcha</artifactId>
            <version>1.6.2</version>
        </dependency> 

 

效果展示：