隐藏的 img src 值答案

【问题标题】：Hidden img src value隐藏的 img src 值
【发布时间】：2014-03-17 15:02:12
【问题描述】：

所以我不确定这是否可能，因为我无法通过搜索找到任何东西，但我想确认。

可以隐藏img标签的src值吗？例如： <img src="image.jpg" /> 将显示为 <img src="" /> 或其他某种方法。即使用户右键单击以获取图像 url，我也不希望它被检索。这有可能吗？

我无法访问 head 元素，也无法使用 Javascript 或 PHP。我只能使用 Markdown 接受的有限 HTML 标签。

【问题讨论】：

隐藏图像的来源是一场失败的战斗。有一些技巧可以愚弄不知道自己在做什么的人，但是如果显示图像，则无论您做什么，只要您知道自己在做什么，都可以保存它。

标签： html css

【解决方案1】：

不，不可能通过 js/jquery 或任何脚本语言来隐藏它。虽然有一些调整等，例如您可以禁用right click 或显示假图像src 或使用CSS background-image 属性设置图像（这样，用户将无法右键单击并将图像另存为）来欺骗普通用户；

<body oncontextmenu="return false">
</body>

据我了解，您的愿望是通过隐藏图像源来限制用户窃取您的图像。请记住，如果用户可以在他们的浏览器上看到图像，那么这意味着用户已经下载了图像并且它已经在他们的计算机上。就是这么简单。没有办法防止图像被盗。

即使您设法以某种方式发明了一种在客户计算机上显示图像而无需他们下载的方法，他们仍然可以截屏，而您的计划又一次失败了。

为您提供一些帮助链接（类似您的问题）

1) Protect image download 2)Restricting images from direct url download

【讨论】：

【解决方案2】：

我想这是不可能的，因为用 JavaScript 改变 src 会改变图像本身。此外，即使如果您以某种方式向用户隐藏了src，它也可以很容易地被...检索到...

右键单击图像并按下 复制图像 URL 选项，这使得阻止用户查看图像源变得更加困难
执行相同操作并按将图像另存为...。

您能做的最好的事情可能就是禁用右键单击，但如果他们真的想弄清楚，那几乎不会阻止任何人。很可能还有更多方法，但总之，我想说这是不可能的。

【讨论】：

【解决方案3】：

虽然您无法完全隐藏图像（尤其是从开发工具或类似工具中），但您可以摆脱普通人。我见过的最好的技巧基本上是在 div 中放置一个透明图像。然后将实际图像放置为 div 的背景图像。这样，实际的图片就只有css文件了，如果右键图片保存，就得到了透明的图片，可以是任何东西，纯黑色，随机文字，随便什么。

http://jsfiddle.net/9V3v2/2/

请注意，如果您右键单击保存图像（或在新选项卡中打开图像），它实际上与您看到的图像不同。

<div>
    <img src="http://FAKE-PLACEHOLDER-IMAGE-HERE"/>
</div>

img{
    width: 100%;
    height: 100%;
    opacity: .01;  /* effectively transparent but still right-clickable */
}

div{
    width: 500px;
    height: 500px;
    background-image: url(http://REAL-IMAGE-HERE);
}

当然，如果你知道如何使用 firebug 或 chrome 开发工具，图像仍然很容易获得。

【讨论】：

【解决方案4】：

不，这是不可能的。但是您可以使用javascript/jquery限制对页面特定区域的右键单击。

【讨论】：

【解决方案5】：

您无法阻止它下载。但是您可以添加一个调整，这样就不会很容易到达。将图像作为背景添加到给定的分区。这样就可以了。

div {
  width:1900px;
  height:628px;
  background-image: url(http://www.trafficsource.co.uk/wp-content/uploads/2015/02/section4-bg.jpg);
}

&lt;div&gt;&lt;/div&gt;

【讨论】：