配置使用Google验证码

加入谷歌验证码的maven依赖

        <dependency>
            <groupId>com.github.axet</groupId>
            <artifactId>kaptcha</artifactId>
            <version>0.0.9</version>
        </dependency>

spring配置文件中配置验证码属性

    <!--Google验证码-->
    <bean id="producer" class="com.google.code.kaptcha.impl.DefaultKaptcha">
        <property name="config">
            <bean class="com.google.code.kaptcha.util.Config">
                <constructor-arg>
                    <props>
                        <!--边框-->
                        <prop key="kaptcha.border">no</prop>
                        <!--颜色-->
                        <prop key="kaptcha.textproducer.font.color">black</prop>
                        <!--字符数-->
                        <prop key="kaptcha.textproducer.char.space">5</prop>
                    </props>
                </constructor-arg>
            </bean>
        </property>
    </bean>

Controller

 @GetMapping("/captcha.do")
    public void captcha(HttpServletResponse response) throws IOException {
        // 不缓存
        response.setHeader("Cache-Control","no-store,no-cache");
        // 相应格式
        response.setContentType("image/jpeg");
        // 生成文字
        String imageText = producer.createText();
        // 生成图片
        BufferedImage image = producer.createImage(imageText);
        // 我是用的是shiro
        Session session = SecurityUtils.getSubject().getSession();
        session.setAttribute(Constants.KAPTCHA_SESSION_KEY,imageText);

        
        ServletOutputStream outputStream = response.getOutputStream();
        ImageIO.write(image,"jpeg",outputStream);
        outputStream.flush();
    }

JS刷新验证码

        function refreshImage() {
		$.get("sys/user/captcha.do",{},function (result) {
			$("#kaptcha").attr("src","sys/user/captcha.do");
		});
	}

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值