我必须在电子邮件签名中包含一些图像(公司徽标等).我使用由相关电子邮件系统生成的嵌入图像(它们通常作为附件发送)和链接图像(需要在收到的电子邮件中显示它们的权限)存在各种各样的问题.
我刚刚看到来自交易所的一些电子邮件,其中包含徽标的base64图像表示,并使用标签进行显示.如果可能的话,我正在寻找一些关于如何在电子邮件签名中执行此操作的信息(如何为一个开始生成徽标的base64版本以及我需要使用哪些代码才能使其工作)?
我尝试过简单的事情,比如
<body>
<span>
<img src=.... >
</span>
</body>
Run Code Online (Sandbox Code Playgroud)
但我得到的是替代文字,所以我显然在这里做错了.
我正在为从iPad发送的电子邮件生成一些内嵌图像.在所有桌面电子邮件客户端看起来都很棒,但gmail似乎不喜欢base64图像,它显示为文本.
任何人都有运气嵌入图像与base64和gmail?或者知道一个更好的解决方案,用于发送带有iPad图像的HTML电子邮件?
为了避免卸载图像,对于我的内联html邮件,我将所有图像(4个实际图像和6个空间距为间距)编码为base64字符串.工作得很好但是gmail拒绝将这些解码回图像.我做了一些非常广泛的调查但空手而归.
怎么样cid:url?
我正在Django制作一个Web应用程序,将用户的图像发送到他们的电子邮件中.
发送图像对我来说最吸引人的方式是数据:uri格式.
但是,我测试了发送此电子邮件的数据:uri图像到我的GMail帐户,电子邮件显示,但没有图像!
我知道Chrome和Firefox都可以打开数据:uri图像.所以这不是浏览器问题.但我没有看到数据:在GMail中的uri图像.
GMail不支持数据:uri图像?或者我可能发错了?
我有一个嵌入式HTML电子邮件,我正在使用base64编码图像.通过chrome访问时,图像不会显示在Gmail中.但通过邮件客户端(Mac上的Mail应用程序)访问相同的邮件时,它可以正常工作.我已正确设置标题.任何的想法?
我的代码
<html>
<body>Hi
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAREAAAALCAYAAABYrrnHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABANpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjVEMjA4OTI0OTNCRkRCMTE5MTRBODU5MEQzMTUwOEM4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVGMjU1MzZBQUVGQjExRTc5NUQyQTc1MzA0RERGMTVGIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVGMjU1MzY5QUVGQjExRTc5NUQyQTc1MzA0RERGMTVGIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIElsbHVzdHJhdG9yIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0idXVpZDpiNDQ5NzVjYy00YmI1LTRmNzAtODRiZi0zMGU2NjFkYmY3ZDMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ZDc1MTVmZDQtMjkzZS00ZWI5LWFiMjQtOTMzYzRkZjNmOTY4Ii8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+bXRrYV9hY3RpdmF0aW9uX2NhcmQ8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr6AOtYAAABESURBVHja7NZBDQAwCARB2tS/m6qoKIoGvswkGNjHhQgAAACAeVbdkwHoOnVXBqD9iWSmCkDblgAwIoARAYwIMNAXYACy9wSMWMVdzAAAAABJRU5ErkJggg==" width="273" height="11" alt="">
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
头
Content-Type: text/html; charset=utf-8
Content-Transfer-Encoding: quoted-printable
Run Code Online (Sandbox Code Playgroud) 我正在使用 Mailgun 从我的 NodeJS 服务器向 Gmail 帐户发送一封电子邮件,但 Gmail 删除了电子邮件中的所有属性。这是什么原因,我如何防止这种情况发生?我尝试使用 encodeURIComponent 对 href 值进行编码,但这对 href 标记没有任何作用。我也没有使用任何 CSS 或任何东西,所以我很困惑为什么会发生这种情况。
前:
<a href="/resetpw" id="reset-link" id="reset" target="_blank">Reset Password</a>
Run Code Online (Sandbox Code Playgroud)
之后(当我检查电子邮件的 HTML 时):
<a></a>
Run Code Online (Sandbox Code Playgroud) 在我的 Spring Boot 应用程序中,我使用 Thymeleaf 生成 HTML 电子邮件。我想<img>在这些电子邮件中包含一个。图像存储在/src/main/resources/static/img/logo.png。
我已经确认可以通过在本地启动应用程序并http://localhost:8080/img/logo.svg在浏览器中请求来解析图像。
要将这张图片包含在 HTML 中,我已经尝试了以下所有内容
<img th:src="@{/img/logo.png}" /><img th:src="@{img/logo.png}" /><img th:src="@{~/img/logo.png}" /><img src="data:image/png;base64,iVBORw0KGgoAA..." />每一个的结果是:
<img src="img/logo.png" />在电子邮件中显示为损坏的图像<img src="/img/logo.png" />在电子邮件中显示为损坏的图像我想为了在电子邮件中正确呈现图像,我需要提供绝对 URL,但我不确定如何实现。
部分问题在于,电子邮件之所以没有显示是因为 URL 不正确,还是因为电子邮件客户端阻止了图像,这一点并不明显。
我认为这很明显,但显然不是:我不能使用任何将主机名硬编码为的解决方案,localhost:8080因为这只是我在本地运行时使用的 URL,而且我还需要它在其他环境中工作,例如 prod
base64 ×4
email ×4
gmail ×4
html ×4
data-uri ×1
html-email ×1
image ×1
ipad ×1
javascript ×1
mailgun ×1
spring-boot ×1
thymeleaf ×1