如何在WordPress中禁用图片的复制、拖拽与下载功能？

一、插件实现方案 #

直接使用成熟插件是最省心的选择，推荐几个实用选项：

• WP Content Copy Protection & No Right Click：除了禁用右键，还能阻止图片拖拽、文本选中复制，支持禁用Ctrl+C这类快捷键，可单独针对图片开启防护规则。
• Image Protection by WPShield：专注图片防盗，支持禁用拖拽、右键下载，还内置水印添加功能，实现双重防护。
• Prevent Content Theft：支持自定义防护范围，比如仅对文章内容里的图片生效，可排除站点logo等无需防护的图片。

二、代码实现方案 #

如果不想依赖插件，可通过以下代码手动实现防护：

1. CSS 阻止图片拖拽与选中 #

将代码添加到主题style.css文件或后台自定义CSS面板：

/* 全局阻止图片拖拽、选中 */
img {
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}
/* 仅针对文章内容区域的图片生效 */
.entry-content img {
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

注意：pointer-events: none会让图片失去点击能力，若你的图片带跳转链接，此方法不适用，需调整规则。

2. JavaScript 增强防护 #

将代码添加到主题functions.php文件或自定义JS插件中：

// 阻止图片拖拽
document.addEventListener('dragstart', function(e) {
  if (e.target.tagName === 'IMG') {
    e.preventDefault();
  }
});

// 针对图片禁用右键菜单
document.addEventListener('contextmenu', function(e) {
  if (e.target.tagName === 'IMG') {
    e.preventDefault();
  }
});

// 禁止鼠标中键打开图片到新标签页
document.addEventListener('mousedown', function(e) {
  if (e.target.tagName === 'IMG' && e.button === 1) {
    e.preventDefault();
  }
});

3. PHP 限制图片盗链 #

通过PHP限制图片仅能从本站引用，步骤如下：

1. 在图片存放目录（如wp-content/uploads/）创建protect-images.php文件：

<?php
$referer = $_SERVER['HTTP_REFERER'];
$allowed_host = $_SERVER['HTTP_HOST'];

// 验证来源是否为本站
if (empty($referer) || strpos($referer, $allowed_host) === false) {
  header('HTTP/1.1 403 Forbidden');
  exit;
}

// 正常返回图片内容
$image_path = $_SERVER['REQUEST_URI'];
$real_path = $_SERVER['DOCUMENT_ROOT'] . $image_path;
if (file_exists($real_path)) {
  $mime_type = mime_content_type($real_path);
  header("Content-Type: $mime_type");
  readfile($real_path);
} else {
  header('HTTP/1.1 404 Not Found');
  exit;
}
?>

2. 修改该目录下的.htaccess文件，添加规则：

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} \.(jpg|jpeg|png|gif|webp)$ [NC]
RewriteRule ^(.*)$ protect-images.php?file=$1 [L]

此方法可阻止外部站点直接盗链图片，但无法完全阻止用户通过浏览器工具提取地址下载。

三、关键提示 #

没有任何方法能100%阻止图片被盗取——只要图片能在浏览器显示，用户就可以通过截图、缓存提取等方式获取。上述方法仅能提高盗用门槛，减少非技术型用户的盗用行为。额外防护建议：

• 给图片添加水印，即使被盗用也能保留品牌标识；
• 展示低分辨率图片，高清图需登录或付费查看。

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