在 gmail 电子邮件的 html/css 中禁用图像右键单击下载

Question

这里是第一个计时器。 我正在执行一项任务，需要禁用 gmail 中 2 个图像的右键单击下载。整个 html/css 代码将粘贴到 gmail 中，这样我就可以将其发送出去。要求之一是图像不能通过右键下载，图像链接是否可以在其他地方或w/e看到也没关系。作为任务的一部分，我无法在 html 文件中使用和标记。 总而言之，当我通过浏览器打开 main.html 文件时，我无法通过右键单击保存图像，这很好，但是一旦我复制电子邮件内容并将其粘贴到新电子邮件创建选项卡并发送嗯，打开后就可以下载了。 我还将 CSS 文件和图像上传到我的谷歌驱动器，这样一旦我将其发送给该人，它们就会打开。

有没有可能以某种方式解决这个问题？

我尝试添加这个：

img { pointer-events: none; -webkit-touch-callout: none; }

但是没有成功。我寻找添加js的方法，但也没有成功..

我已经删除了 gmail 的下载图标，这样就完成了。

oncontextmenu="返回 false"; - Gmail 也不起作用..

Answer 1

即使忽略可以截取屏幕截图或其他内容的外部软件，您也永远无法阻止人们保存您的图像，因为下载图像的功能直接内置于浏览器中。如果您想阻止“右键单击 -> 另存为”方法，您可以阻止用户打开图像上的上下文菜单。这可以使用 JavaScript 来完成，您可以将 JavaScript 放置在 HTML 中的

<script>

标签中：

[...document.getElementsByTagName('img')].forEach(elt => {
    elt.addEventListener('contextmenu', event => event.preventDefault());
});

此代码基本上选择所有

<img>

标签并在所有标签上运行该函数的内容；这表示每当右键单击它们时，都会阻止发生默认事件（出现上下文菜单）。