wordpress媒体库图片替换后还是显示旧图片怎么办？

继续分享wordpress网站维护教程。国应期间遇到一个客户咨询，他在替换wordpress媒体库图片文件后，打开的图片还是原来的，清空缓存也不管用，这是怎么回事呢？

问题描述

如上图所示，图片aa是旧图片，他删除了。

然后重新上传了一个同名的图片。

可以在媒体库中，图上aa显示的还是旧的，没有看到变化，他尝试过清空缓存，但还是一样。

原因分析及解决方案

从客户的操作方式来看没有什么问题，那么问题出现在哪里呢？

这种问题原因一般都是从缓存上考虑，但客户已经尝试过清空缓存，缓存插件用的是Litespeed cache，里面的每个清空操作都试了，但还是无效。那么就还剩下最后一种可能了，他电脑浏览器的本地缓存。

验证：我尝试在另外一台电脑，或者是在浏览器隐私模式下打开，发现图片是已经正常替换了，问题只在他本地电脑存在。

既然是本地浏览器缓存问题，那么只需要清空浏览器缓存即可，或者可以按【CTRL+F5】快速清空，如果是笔记本可以尝试按【FN+CTRL+F5】。

其它处理方案

最好的办法就是不要让文件重名，即上传图片时重新命名，或者可以使用下面的代码，让系统自动给图片重命名一段随机数字，这样就不会出现重名的情况了。

add_filter('wp_handle_upload_prefilter', 'custom_upload_filter');

function custom_upload_filter( $file ) {
    $info = pathinfo($file['name']);
    $ext = strtolower($info['extension']);

    // 支持的图片扩展名
    $image_exts = array('jpg', 'jpeg', 'png', 'gif', 'bmp', 'tiff', 'webp', 'avif');

    if ( in_array($ext, $image_exts) ) {
        $filedate = date('YmdHis') . rand(10, 99); // 避免重复
        $file['name'] = $filedate . '.' . $ext;
    }

    return $file;
}

上面代码可以添加到当前wordpress网站主题的functions.php文件中，如果添加到wp code之类的代码管理插件中。

说明：有人可能会觉得图片文件名这样自动重命名为数字对SEO优化不好，这个其实不存在的，你上传的图片是可以单独手动填写title和alt信息的。当然，如果你能够保证不出现重名，在本地先把图片标题填好，这样直接上传图片也可以，就不用再填写title信息了，也用不上上面的代码 。