Javascript拒绝图像保存

Question

我需要一个工作脚本来禁止用户在他们的机器上保存图像。 (是否只能通过禁用右键单击才能实现？)是的，我知道这是不可能的，是的，我知道这是一种不好的做法。是的，我也知道我是个白痴。但出于某些特定目的，我需要此解决方案。

谢谢!

Answer 1

您可以尝试替换所有 <img>带有 <div> 的元素具有相同大小并使用图像作为背景的元素:

$('img').each(function() {
    var $img = $(this);
    var $div = $('<div>').css({
        width:           $img.width(),
        height:          $img.height(),
        backgroundImage: 'url(' + $img.attr('src') + ')',
        display:         'inline-block'
    });
    $img.after($div).remove();
});

我正在使用 jQuery，因为像这样的 DOM 操作在原始 JavaScript 中有点像噩梦(而且因为这不是免费的代码编写服务)。这不会阻止任何人，但会阻止他们将图像拖出您的页面或从上下文菜单中执行“另存为...”。如果您的用户禁用 JavaScript，这种事情也不会做任何事情。

示例:http://jsfiddle.net/ambiguous/4Hca3/

我将把它翻译成您正在使用的任何 JavaScript 库(如果有的话)作为读者的练习。

您可以尝试禁用上下文菜单，但并非所有浏览器(例如 Firefox)都会注意这种欺骗行为。