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