javascript - 对源图像实施保护

Question

浏览时我遇到了这个链接

如您所见，图像受到保护，如果您浏览cars-database.com，您将获取源图像，您将收到相同的消息。

这是我第一次看到这个，我想知道这是如何实现的？有人知道吗？

受保护源图像的屏幕截图：

Answer 1

他们可能只是在服务器上存储了两个版本的图像，一个是“真实的”，一个是通过 Photoshop 模板或其他东西添加的额外消息。然后，他们对Referer标头进行检查，例如：

if request for image and referer is not cars-database.com/*
    then serve "watermarks/$requestedImage$"

这可以通过 Apache mod_rewrite 规则、任何其他 Web 服务器的规则系统或任何服务器端编程语言（如 PHP、Python 或诸如此类）轻松实现。

Answer 2

这是一个关于如何在 中实现类似功能的简单示例nginx：

location ~ \.(jpe?g|png|gif)$ {
     valid_referers none blocked mysite.com *.mysite.com;
     if ($invalid_referer) {
        rewrite ^ http://mysite.com/lowres$request_uri permanent;
    }
}