美文网首页
验证码功能

验证码功能

作者: 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>

相关文章

  • 2018-10-30

    实现验证码功能

  • 2018-10-26

    实现验证码功能

  • 短信API实现自动化短信发送

    短信验证码接口示例,如何接入短信API接口实现短信自动发送功能; 网站如何实现自动发送短信验证码的功能,短信验证码...

  • 接入短信API,免费试用

    短信验证码接口示例,如何接入短信API接口实现短信自动发送功能; 网站如何实现自动发送短信验证码的功能,短信验证码...

  • spring security 使用篇 图形验证码的实现

    在很多登录功能中,需要用到图形验证码,所以简单的实现下面的图形验证码的功能 1.获取图形验证码 图形验证码的获取实...

  • beego项目实战——短信验证码

    上一篇开发完成了图形验证码,这一篇来开发短信验证码功能短信验证码主要要实现两个功能一、接收图形验证码的id,用户填...

  • 前端绘制图形验证码

    一、功能分析 图形验证码由验证码、干扰线、干扰点组合而成 验证码由数字和字母随机组合形成 每次切换验证码,验证码字...

  • IOS倒计时按钮实现思路及Demo

    前言 最近因为项目中涉及到短信获取验证码功能,并且获取验证码按钮需要显示倒计时功能,同时当从获取验证码界面在倒计时...

  • 参考的文章

    验证码 图片验证码前端怎样获取后端生成的验证码图片,并且点击图片的时候改变验证码 记住密码 前端记住密码功能密码安...

  • Django-实现图形验证码、短信验证码功能(二)

    接上文:Django-实现图形验证码、短信验证码功能(一) 短信验证码后端发送实现 在settings中添加red...

网友评论

      本文标题:验证码功能

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