阻止浏览器中呈现的电子邮件中的图像的最佳方法是什么？答案

【问题标题】：Best way to block images in email rendered in browser?阻止浏览器中呈现的电子邮件中的图像的最佳方法是什么？
【发布时间】：2015-10-05 03:07:02
【问题描述】：

我创建了一个简单的网络电子邮件客户端。

我想“阻止”（即不显示）协议为 http（vs https）的图像，因为我的网站是通过 ssl 提供的，我不想要不安全的内容警告。

解决此问题的最佳方法是什么？我应该遍历电子邮件dom并将图像href设置为“”（即空字符串）吗？

有没有更好的办法？

请注意，这是一项临时措施。以后我会搭建一个类似gmail的图片代理/缓存系统。

【问题讨论】：

在服务器端，删除 href 属性....
嗨@epascarello 所以你还建议删除hrefs作为“阻止”图像的最佳方式？
客户端没有任何东西可以阻止浏览器请求它们，因此您需要在服务器上执行此操作。将它们设置为 data-href，将 href 设置为某个占位符或什么都没有。如果用户想要查看图像，只需将 data-href 换成 href。

【解决方案1】：

我已经查看了它在 Outlook、gmail、yahoo 等中的完成方式。基本上他们只是使用一个占位符图像（托管在某些 cdn 上），它只是一个灰色的小盒子，并且他们让 img 的大小属性标签将其缩放到合适的大小。

所以他们所做的只是将img标签的url改为灰色框的url。

如果您想最终显示正确的图像（启用图像），一个聪明的变体是将真实图像位置的 url 存储为查询字符串的一部分，以后可以对其进行解析并用于获取真实图像：

【讨论】：