PHP基于array_rand设置随机背景图的缓存问题处理

你遇到的核心矛盾根本不是图片缓存，是页面渲染结果被中间缓存层固化了：

• 你期望的逻辑是：每次请求PHP都执行array_rand($img_arr)选随机图片，再拼接实时时间戳输出到页面。
• 实际发生的是：PHP仅在首次生成缓存页面时执行了一次随机选图逻辑，把选好的固定图片路径写入了静态缓存；后续所有请求都直接复用这份缓存HTML，只对时间戳这类标记为动态更新的内容做实时替换。最终表现就是图片主路径始终不变，只有URL后面的时间参数在刷新。

测试环境因为没开这类页面缓存，逻辑自然能正常跑通。

1. 先定位缓存位置 #

在页面输出里临时加一行测试标记：

<div data-rand-key="<?php echo $section; ?>" style="background: url('<?php echo $img_arr[$section]['image'] . '?t=' . time(); ?>');">

刷新页面后检查这个data-rand-key的值是否变化：

• 如果值固定不变，说明你的PHP随机选图逻辑根本没在每次请求时执行，问题出在页面缓存层，不是前端或图片本身。
• 如果值会变化，但图片不换，再排查图片本身的缓存问题。

2. 适配页面缓存场景的改法 #

如果你用的是带页面缓存的系统（比如CMS、反向代理、CDN缓存），不要把随机选图逻辑和页面渲染混在一起，两种常用改法：

方案A：独立动态接口取随机图 #

单独写一个不被缓存的轻量接口文件，比如get_random_bg.php，逻辑写：

<?php
// 引入你的图片数组配置
$img_arr = require 'your_img_config.php';
$section = array_rand($img_arr);
// 直接302跳转到选中的图片，自动带时间戳防缓存
header('Location: ' . $img_arr[$section]['image'] . '?t=' . time());
exit;

然后直接把这个接口地址设为div的背景图，不需要在主页面里跑随机逻辑：

<div style="background: url('/get_random_bg.php');"></div>

记得在缓存规则里把这个接口路径排除，不要被静态缓存。

方案B：动态片段占位符 #

如果你的缓存系统支持ESI（边缘端包含）、PHP动态片段这类功能，就把原来主页面里的随机选图代码段，换成系统支持的动态占位符，让缓存层不要固化这部分的输出，每次请求实时执行这一小段代码就行，不需要改动其他页面逻辑。

3. 处理客户端页面缓存问题 #

如果排查下来是浏览器自己缓存了整个HTML页面，给PHP页面加上禁止页面缓存的响应头，确保每次刷新都重新请求服务端执行随机逻辑：

// 加在PHP文件最开头
header('Cache-Control: no-cache, no-store, must-revalidate');
header('Pragma: no-cache');
header('Expires: 0');

你现在给图片URL加时间戳的操作，本身是正确的防图片缓存手段，但它解决不了「选图逻辑被固化」的问题——只要图片主路径是固定的，不管后面拼接多少变化的参数，加载的始终是同一张图片。

内容的提问来源于stack exchange，提问作者flinch85