博客列表 >ThinkPHP5验证码刷新功能的实现

ThinkPHP5验证码刷新功能的实现

飞鸿先森的博客
飞鸿先森的博客原创
2017年10月16日 19:58:101302浏览

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

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议