ThinkPHP5验证码刷新功能的实现

最新推荐文章于 2021-10-16 11:10:36 发布

飞鸿先森

最新推荐文章于 2021-10-16 11:10:36 发布

阅读量1.7k

点赞数 1

分类专栏：技术交流文章标签： thinkphp 验证码框架 php

本文链接：https://blog.csdn.net/Feihongxiansen/article/details/78253630

版权

技术交流专栏收录该内容

22 篇文章 0 订阅

订阅专栏

使用ThinkPHP5框架自带的验证码图片生成时，不可避免的需要可以时刻刷新验证码图片，当然不是说通过刷新整个页面，之前的一篇文章《ThinkPHP5验证码图片生成》介绍了验证码图片的生成，这篇文章介绍怎么刷新验证码图片。

1.验证码图片显示标签img和刷新连接代码如下

<img id="verify_image" src="{:captcha_src()}" alt="captcha" /> 
<a id="kanbuq" href="javascript:refreshVerify();">换一张</a>

2.刷新验证码方法代码如下

<script type="text/javascript">
  function refreshVerify(){
    var ts = Date.parse(new Date())/1000;
    $("#verify_image").attr("src","/captcha?id="+ts);
  }
</script>

3.使用上述代码即可轻松实现验证码的刷新功能，下面对其中的两个方法简要介绍一下

（1）Date.parse() 方法解析一个表示某个日期的字符串，并返回从1970-1-1 00:00:00 UTC 到该日期对象（该日期对象的UTC时间）的毫秒数，如果该
字符串无法识别，或者一些情况下，包含了不合法的日期数值（如：2015-02-31），则返回值为NaN。
（2）Date()返回当日的日期和时间。
（3）$("#verify_image").attr("src","/captcha?id="+ts)，将id为“verify_image”的标签的src属性赋值为“/captcha?id="+ts“