Html 是否可以阻止从我的网站保存图像？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/2018802/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Is it possible to prevent saving images from my site?
提问by Testadmin
I have restricted the right click option in my web page, but in IE it shows icons to Save Image, Print, Mail etc . I want to remove all of these. Is this possible?
我在我的网页中限制了右键单击选项，但在 IE 中它显示了保存图像、打印、邮件等的图标。我想删除所有这些。这可能吗？
回答by Mathias Bynens
It seems like everyone else who answered here didn't read the question.
似乎在这里回答的每个人都没有阅读这个问题。
I have restricted right clicking option in my web page , But IN IE it shows Icons to Save Image, print , mail etc . I want to remove all of these . IS it possible ??
我在我的网页中限制了右键单击选项，但在 IE 中它显示了用于保存图像、打印、邮件等的图标。我想删除所有这些。是否可以 ？？
Yes, it is possible to remove these icons.Just put the following in the <head>of your document.
是的，可以删除这些图标。只需将以下内容放入<head>您的文档中。
<meta http-equiv="imagetoolbar" content="no" />
As mentioned in the other answers, users will still be able to get the images if they really want to, no matter how hard you try to prevent it. If you don't want the images to be copied, you shouldn't use them on a website.
正如其他答案中提到的那样，无论您如何努力阻止它，如果用户真的想要，他们仍然可以获取图像。如果您不想复制图像，则不应在网站上使用它们。
回答by leepowers
It sounds like you're talking about the Image Toolbarin Internet Explorer. You can disable it with this code:
听起来您在谈论Internet Explorer 中的图像工具栏。您可以使用以下代码禁用它：
<html>
<head>
<meta http-equiv="imagetoolbar" content="no" />
</head>
</html>
Or, directly applied to an image:
或者，直接应用于图像：
<img src="test.gif" galleryimg="no" />
回答by cletus
No it's not possible. The user can see the image in the browser and thus the browser (and the user) has a copy. You can try and restrict that with nasty (and ill-advised) right-click JS hacks and the like but ultimately if you send something to someone to see or read, what they do with it is beyond your control when you don't control the device they're using.
不，这是不可能的。用户可以在浏览器中看到图像，因此浏览器（和用户）有一个副本。您可以尝试使用讨厌的（和不明智的）右键单击 JS 黑客等来限制它，但最终如果您将某些东西发送给某人查看或阅读，当您无法控制时，他们对它的处理超出了您的控制他们正在使用的设备。
回答by o.k.w
You can only do so much to prevent some users. To be near 100% foolproof, it's probably impossible. Even if you packaged the images in say, flash, java applet, it doesn't stop users from doing screencapture too.
您只能做这么多来阻止某些用户。要接近 100% 万无一失，这可能是不可能的。即使您将图像打包在 Flash、Java 小程序中，也不会阻止用户进行截屏。
There are few passive alternatives, e.g. using watermarks, putting up discalimers/warnings.
很少有被动的替代方法，例如使用水印、设置discalimers/警告。
Here are some related SO posts:
How to disable right-click save on one specific image only
Disable “Save Target As” option in the right click menu
Prevent Save As Functionality
以下是一些相关的 SO 帖子：
如何仅
禁用对特定图像的右键单击保存禁用右键单击菜单中的“目标另存为”选项
阻止另存为功能
回答by Evan Lévesque
if you are using Apache server, you can disable accessing the image through absolute url
the images can be access only with relative url with this htaccess code :
如果您使用的是 Apache 服务器，则可以禁用通过绝对 url 访问图像，
这些图像只能使用具有以下 htaccess 代码的相对 url 访问：
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourdomain.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ - [NC,F,L]
in addition, disable the right click context using JavaScript, and add a watermark to protect the copy rights
this will reduce the chance of saving the images
另外，使用JavaScript禁用右键单击上下文，并添加水印以保护版权，
这将减少保存图像的机会
回答by Abel ANEIROS
Prevent users from downloading images it's a waste of time because even if they cannot download the image, they always could do an screenshot:-(
阻止用户下载图片是在浪费时间，因为即使他们无法下载图片，他们也总是可以做一个截图:-(
回答by Charlie
You may try following steps:
您可以尝试以下步骤：
- Disable right click function on your website.
- Disable image dragging on the image you want
draggable="false"
- 禁用您网站上的右键单击功能。
- 禁用在您想要的图像上拖动图像
draggable="false"
Now your website is image theft protected!
现在您的网站受到图像盗窃保护！
回答by saravanan
.show_IMAGE
{
background-position : 0 -100px;
background-image : url('/images/flower.png');
background-repeat : no-repeat;width:50px;height:50px;
}
and add this class to DIV
并将此类添加到 DIV
< div class="show_IMAGE"></ div>
you cannot copy the image alone. if you get image from CSS.
您不能单独复制图像。如果您从 CSS 获取图像。
回答by Sampson
You cannot prevent the downloading of your images. Just by viewing them, the browser caches them.
您无法阻止下载您的图像。只需查看它们，浏览器就会缓存它们。
回答by Jé Queue
If the browser can get it, then the user can somehow get it.
如果浏览器可以获取它，那么用户就可以以某种方式获取它。
You could investigate using an HTML5 canvas or even (gasp) pixelized tables to render client-side.
您可以调查使用 HTML5 画布甚至（喘气）像素化表格来呈现客户端。
