ThinkPHP5验证码刷新功能的实现

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Feihongxiansen/article/details/78253630

使用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“

猜你喜欢

转载自blog.csdn.net/Feihongxiansen/article/details/78253630