PHP验证码自动刷新实现方法

可通过JavaScript定时器+AJAX、HTML Meta标签、EventSource推送或Cookie时效判断四种方法实现PHP验证码自动刷新，均需服务端配合生成新验证码并更新会话。

如果您的网页中使用PHP生成的验证码图片，但用户需要手动刷新才能获取新验证码，可以通过定时自动刷新机制提升交互体验。以下是实现PHP验证码自动刷新的多种方法：

一、使用JavaScript定时器配合AJAX请求更新验证码

该方法通过前端定时发起异步请求，从服务器重新获取验证码图片URL或Base64数据，避免页面整体刷新。服务端仍由PHP负责生成新验证码并存入会话，同时返回唯一标识或新图片路径。

1、在HTML中为验证码图片设置id属性，例如：。

2、编写JavaScript代码，使用setInterval每30秒执行一次刷新操作。

3、每次执行时，向https://img.zhengruan.com/https://img.zhengruan.com/captcha.php发送带时间戳参数的GET请求，防止浏览器缓存，例如：https://img.zhengruan.com/https://img.zhengruan.com/captcha.php?t=1712345678901。

4、AJAX成功回调中，将返回的新图片URL赋值给document.getElementById('captcha-img').src。

5、确保https://img.zhengruan.com/https://img.zhengruan.com/captcha.php在每次访问时都调用session_regenerate_id(true)并生成全新验证码字符串，同时写入$_SESSION['captcha_code']。

二、利用HTML Meta标签实现页面级定时刷新

该方法不依赖JavaScript，适用于基础环境或需降级支持的场景。通过meta标签强制浏览器在指定间隔后重新加载整个验证码图片资源URL，服务端PHP脚本需确保每次响应均为全新内容。

1、在包含验证码图片的页面中，添加meta刷新标签：。

2、将验证码图片嵌入方式改为指向独立PHP脚本，例如：。

3、在https://img.zhengruan.com/https://img.zhengruan.com/captcha.php头部添加禁止缓存响应头：header('Cache-Control: no-store, no-cache, must-revalidate, max-age=0');。

4、确认https://img.zhengruan.com/https://img.zhengruan.com/captcha.php每次执行均调用imagepng()或imagejpeg()输出全新图像，并销毁旧会话验证码值。

5、注意此方式会导致整个页面刷新（若meta作用于主页面），因此推荐仅将该meta标签置于iframe内部页面或单独验证码容器中。

三、基于EventSource实现服务端推送式验证码更新

该方法利用HTML5 Server-Sent Events（SSE）建立持久连接，当服务端PHP检测到定时条件满足时，主动推送新验证码标识，前端据此更新图片。适合对实时性有更高要求的场景。

1、创建captcha-event.php文件，设置响应头Content-Type: text/event-stream并禁用输出缓冲。

2、在循环中每25秒生成一次新验证码，存入会话并以data:格式输出JSON字符串，例如：data: {"token": "a1b2c3", "ts": 1712345678}。

3、前端使用EventSource监听该地址，收到消息后拼接新图片URL："https://img.zhengruan.com/https://img.zhengruan.com/captcha.php?r="+data.token。

4、将拼接后的URL赋值给验证码图片的src属性，触发加载。

5、必须在https://img.zhengruan.com/https://img.zhengruan.com/captcha.php中校验传入的token是否匹配当前会话中的最新验证码标识，否则拒绝输出图像。

四、结合Cookie与PHP定时覆盖实现无交互刷新

该方法通过前端写入时效性Cookie记录上一次刷新时间，PHP脚本在响应时判断是否超时，超时则自动生成新验证码并重置Cookie，实现“被动定时刷新”效果。

1、页面加载时，JavaScript写入名为captcha_last_refresh的Cookie，值为当前时间戳。

2、验证码图片src指向https://img.zhengruan.com/https://img.zhengruan.com/captcha.php?auto=1，启用自动判断逻辑。

3、https://img.zhengruan.com/https://img.zhengruan.com/captcha.php读取$_COOKIE['captcha_last_refresh']，若距离当前时间超过30秒，则执行验证码再生流程。

4、再生完成后，调用setcookie('captcha_last_refresh', time(), time()+300, '/')更新Cookie有效期。

5、无论是否再生，均输出对应图像，并确保session_start()已调用且验证码值已同步至$_SESSION。