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

cu6pst1q  于 2023-10-21  发布在  其他
关注(0)|答案(1)|浏览(102)

第一次来这里。我在做一个任务,我需要禁用右键单击下载2图像在gmail。整个html/css代码将粘贴在gmail中,所以我可以发送出去。其中一个要求是,图像不能通过右键单击下载,它不要紧,如果图像链接可以在其他地方或w/e。作为任务的一部分,我不能使用和标记的html文件。.总而言之,当我通过浏览器打开main.html文件时,我无法通过右键单击保存图像,这很好,但是一旦我复制电子邮件内容并将其粘贴到新的电子邮件创建选项卡并发送,打开后我就可以下载它。我还上传了CSS文件和图像到我的谷歌驱动器,这样一旦我把它发送给那个人,它们就会打开。
有没有可能以某种方式解决这个问题?
我试着加上这个:
img { pointer-events: none; -webkit-touch-callout: none; }
但没成功我想办法添加js,但没有成功。
我已经删除了gmail的下载图标,这样就完成了。
oncontextmenu=“return false”;在Gmail上也不管用。

m1m5dgzv

m1m5dgzv1#

即使忽略外部软件,可以采取截图或东西,你永远无法阻止人们保存你的图像,因为下载图像的功能是直接内置在浏览器中。如果你想阻止“右键单击->保存为”方法,你可以阻止用户打开你的图像上的上下文菜单。这可以用JavaScript来完成,你可以把它放在HTML中的<script>标签中:

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

这段代码基本上选择了所有的<img>标记,并在所有这些标记上运行该函数的内容;这意味着防止默认事件(上下文菜单出现)发生时,他们被右击。

相关问题