图像的Javascript上下文菜单

Question

我有一个网站，很多人从中复制图像，这很好。但是，我想要做的是帮助他们将其嵌入到他们将要访问的目标网站上。

理想情况下，这将采用以下形式：当用户右键单击图像时，将出现一个上下文菜单，为他们提供嵌入或共享图像的简单选项。

这样做的最佳方式是什么？

P.S。我不关心他们的热链接，或者根本不保存图像，我想做的就是为用户提供一种更简单的方式来共享图像！

Answer 1

请勿将图像发送到浏览器。

Answer 2

没有。您可以防止普通用户烦恼，但事实是将URL发送到浏览器进行下载。所以至少我可以查看来源并弄明白。

但是，如果您确实想要惹恼用户，可以附加一个oncontextmenu事件，该事件将捕获某些浏览器中的右键单击。

修改：

回应你的评论..

由于您使用的是jQuery，因此可以使用this plugin来检测正确的点击次数。它已经在大多数浏览器上进行了测试。

然后您可以使用SimpleModal之类的内容来显示您想要向用户显示的模式框..

$('img').rightClick(function (e) {
    $.modal(...);
});

Answer 3

实际上，您可以在除IE之外的所有主流浏览器中将HTML呈现为嵌入式mime数据：

http://jimbojw.com/wiki/index.php?title=Data_URIs_and_Inline_Images

另一个奇怪但可行的解决方案是将图像转换为CSS：

http://elliottback.com/wp/convert-image-to-css/

这两者都不是一个很好的解决方案，但它突出了一个事实，即你需要愿意通过上网来丢失图像。

即使你使用插件，人们也可以进行屏幕截图。