Thinkphp5验证码的扩展包安装与使用

效果图如下:

一、首先使用Composer安装验证码扩展包

1、安装composer

2、进入cmd命令窗口

3、修改使用国内composer镜像(国外镜像可能下载速度慢,设置为国内镜像可提高下载速度),在cmd窗口输入以下命令:

composer config -g repo.packagist composer https://packagist.phpcomposer.com

4、利用cmd命令进入tp5目录下,如下图所示:

5、输入以下命令下载thinkphp验证码安装包:

composer require topthink/think-captcha 1.*

(请特别留意captcha的版本,tp5.0的版本是使用1.*,tp5.1的版本是使用2.*!)

二、然后可以进入application/config.php添加配置验证码的格式


三、在前端页面需要显示验证码的位置,补充 {:captcha_src()} 即可

方法一:

<div class="col-sm-2">
    <div id="code">{:captcha_img()}</div>
</div>

方法二:

<div class="col-sm-2">
    <div><img src="{:captcha_src()}" alt="captcha" id="code" /></div>
</div> 

四、点击验证码刷新,加上以下代码即可

<script type="text/javascript">
    var code = document.getElementById("code");
    code.onclick = function(){
    this.src = this.src+'?'+Math.random();
    }
</script>

转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 848130454@qq.com

文章标题:Thinkphp5验证码的扩展包安装与使用

文章字数:464

本文作者:Spicy boy

发布时间:2019-06-04, 00:18:56

最后更新:2021-03-08, 17:30:40

原始链接:http://www.spicyboy.cn/2019/06/04/Thinkphp5%E9%AA%8C%E8%AF%81%E7%A0%81%E7%9A%84%E6%89%A9%E5%B1%95%E5%8C%85%E5%AE%89%E8%A3%85%E4%B8%8E%E4%BD%BF%E7%94%A8/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

目录
×

喜欢就点赞,疼爱就打赏