Blogger Information
Blog 17
fans 0
comment 0
visits 23105
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
ThinkPHP5验证码刷新功能的实现
飞鸿先森的博客
Original
1307 people have browsed it

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

Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post