如何防止图片另存为+防止图像拖放到桌面+防止截图在桌面浏览器

Question

什么是最好的做法/方法/防止下列语言：

• 图片另存为
• 拖动图片&降到桌面
• 截图/ Screengrabs

..on桌面浏览器

（当尝试截图时，目击者使用了“黑屏”，并且实现了“无法触及”的图像......）

Answer 1

为了防止用户右键单击图像并选择另存为，您可以添加代码oncontextmenu="return false"。 oncontextmenu检测到用户右键单击并且return false停止该操作。

然后，如果您执行代码draggable="false"，即使用户选择了该图像，用户也无法拖动该图像。我认为没有办法阻止人们使用屏幕抓取工具，但这里有一些代码阻止Google图片和其他搜索引擎抓取图片：<meta name="robots" content="noimageindex"></meta>。

总而言之，请尝试以下方法：将<meta name="robots" content="noimageindex"></meta>放置在文档头部，然后在文档正文中放置<img src="mygreatimage.png" alt="An awesome image" oncontextmenu="return false" draggable="false">。

Answer 2

没有将&下降，防止另存为（不能真正防止但慢一点）

document.getElementById('my-image').ondragstart = function() { return false; }; 

一种方法是创建具有链接到图像内联样式核实。

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

我几乎可以肯定你不能禁用屏幕截图。截图不取决于浏览器权限，这是一个操作系统的事情。如果用户点击了打印屏幕按钮，你可以尝试将所有东西全部清除掉？

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