javascript - 保护图像免遭从网站下载

Question

据我所知这是常见问题之一，我几乎知道不可能达到 100%，但我想保护图像免受普通用户的攻击，因为对我来说没有其他选择

无论如何，我正在设计一个产品设计电子商务网站，用户过去常常在网上设计名片、日历，他们可以购买它，我使用 Wordpress 设计它，无论如何我可以使用 PHP，Javascript 和 Jquery，所以我需要基于这 3 种语言的帮助

如您所知，它是基于打印的，因此我需要在我的网站上上传高分辨率图像，然后只有我才能获得更好的输出以实现更好的打印

我几乎保护了我的网站免受所有图像盗窃选项的侵害，例如

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^http://(www\.)?localhost [NC] 
RewriteCond %{HTTP_REFERER} !^http://(www\.)?localhost.*$ [NC] 
RewriteRule \.(png|jpg)$ - [F]

• 在 htaccess 文件中禁用直接图像访问(如上所示)
• 右键单击已禁用
• 在设计 Canvas 中添加了水印，防止屏幕捕获或裁剪
• 为链接我的图像的搜索引擎和其他网站启用了热链接保护

正如我在网站上所做的几乎所有阻止图像下载的操作

但是我在一件事上失败了

我想禁用 Devtools 甚至其他浏览器框架中的图像选项卡

因此，如果这样做，我可以保护它免受普通用户的侵害

如何在资源中向用户隐藏或禁用此图像选项卡，因为我在某些网站中看到它已被禁用

Answer 1

您永远无法真正保护您的图像不被访问，事实上您现在尝试做的事情是特定于浏览器和版本的，这也不是最好的方法，事实上您可能想要采用许多标准方法流行的网站确实如此(例如 500px.com)。加载带有水印的标准质量图像，然后下载并在购买时提供实际图像，这样您就不必在每次 Chrome 版本更改时进行编码和更新代码。