如何为图片源失效的WordPress文章设置默认图片？

方法1：前端JavaScript全局处理 #

直接在主题的footer.php里添加这段代码，监听图片加载失败事件，自动替换成你的默认图片：

document.addEventListener('DOMContentLoaded', function() {
  const defaultImg = '你的默认图片路径'; // 替换成实际路径，比如/wp-content/uploads/default.jpg
  document.querySelectorAll('img').forEach(img => {
    img.addEventListener('error', function() {
      if (!this.src.includes(defaultImg)) { // 避免循环替换
        this.src = defaultImg;
        this.alt = '默认图片'; // 可选：替换alt文本
      }
    });
  });
});

这个方法不用改数据库，直接在前端拦截加载失败的图片，适配所有页面的img标签。

方法2：WordPress后端过滤（适合WP站点） #

如果是WordPress，在主题的functions.php里添加过滤函数，输出文章内容时自动替换无效图片：

function replace_broken_images($content) {
  $default_img = '你的默认图片路径';
  // 匹配所有img标签，捕获src属性
  $pattern = '/<img[^>]+src="([^"]+)"[^>]*>/i';
  $content = preg_replace_callback($pattern, function($matches) use ($default_img) {
    $img_src = $matches[1];
    // 检查图片是否存在（服务器端判断）
    if (!file_exists($_SERVER['DOCUMENT_ROOT'] . $img_src)) {
      return str_replace($img_src, $default_img, $matches[0]);
    }
    return $matches[0];
  }, $content);
  return $content;
}
add_filter('the_content', 'replace_broken_images');

注意：如果图片是外部链接，服务器端判断会失效，这种情况结合方法1一起用更稳妥。

方法3：.htaccess重定向（服务器级处理） #

在网站根目录的.htaccess文件里添加规则，当请求的图片文件不存在时，返回默认图片：

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_URI} \.(jpg|jpeg|png|gif)$ [NC]
RewriteRule ^(.*)$ /path/to/your/default-image.jpg [L,R=302]

把/path/to/your/default-image.jpg替换成实际的默认图片路径，这个方法不管页面里的img标签怎么写，只要图片404就会被重定向，适合批量处理所有图片缺失的情况。

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