如何防止图像SaveAs +防止图像拖放到桌面+防止桌面浏览器上的屏幕截图

sou*_*rgy 0 html javascript php screenshot image

防止以下情况的最佳做法/方法/语言是什么:

  • 图像SaveAs
  • 图像拖放到桌面
  • 截图/ Screengrabs

..在桌面浏览器上

(在尝试截图时,目睹了使用'黑屏',以及'不可触摸'的图像的实现......)

JT *_*lan 5

没有拖放

document.getElementById('my-image').ondragstart = function() { return false; };
Run Code Online (Sandbox Code Playgroud)

防止"另存为"(不是真正阻止但减慢一点)的一种方法是使用链接到图像的内联样式创建div.

<div style="width: 200px; height: 200px; background: url('yourcraphere.jpg');"></div>
Run Code Online (Sandbox Code Playgroud)

我几乎可以肯定你无法禁用截图.截图不依赖于浏览器权限,这是操作系统的事情.如果用户点击打印屏幕按钮,您可以尝试将所有内容都白屏吗?

用户始终可以使用开发人员工具查看您的资源,并抓取您正在使用的任何图像.希望这些方法有助于防止大多数人窃取您可能想要保持安全的任何内容......您也可以尝试使用水印.希望有所帮助.