美文网首页
验证码功能

验证码功能

作者: ve佐手 | 来源:发表于2017-10-14 14:10 被阅读0次
    • 安装
    composer require gregwar/captcha:1.*
    
    • 定义生成验证码的路由并添加方法
           // 生成验证码图片
            $builder = new CaptchaBuilder();
            // 可以设置图片宽高及字体s
            $builder->build();
            // 获取验证码的内容
            $phrase = $builder->getPhrase();
            // 把内容存入
            session(['code' => $phrase]);
            // 生成图片
            header("Cache-Control: no-cache, must-revalidate");
            header("Content-Type:image/jpeg");
            $builder->output();
    
    • 在需要验证的页面添加
    <a href="javascript:void(0)">
    ![]({{ url('captcha') }})
    </a>
    
    • 使用JS实现点击刷新验证码
    <script>
        $('#captcha').click(function () {
            var url = $(this).attr('src') + '?' + Math.random();
            console.log(url);
            $(this).attr('src', url);
        });
    </script>
    

    相关文章

      网友评论

          本文标题:验证码功能

          本文链接:https://www.haomeiwen.com/subject/bdyxuxtx.html