html - 保护图片下载

Question

我知道保护图片下载的最好方法就是一开始就不要把它放在互联网上。

我假设没有 100% 的防止图像下载的保护，如果用户可以在 Internet 上看到图像，他可以凭借一些经验找到下载它的权限。

我知道透明的 .gif 或 .png 覆盖图像或使用 background_image CSS 属性来保护它并防止右键单击下载但是有没有

还有其他方法可以使图像下载复杂化，从而阻止大多数用户下载图像吗？

这是开始的简单代码:

<img src="http://placekitten.com/600/450">

Answer 1

另一种删除“保存图像”上下文菜单的方法是使用 一些 CSS。这也使上下文菜单的其余部分保持不变。

img {
    pointer-events: none;
}

它使所有 img 元素都不会响应任何鼠标事件，例如拖动、悬停、单击等。

参见 spec了解更多信息。