在HTML电子邮件中嵌入附加图像

问题描述 投票:17回答:7

如果我将图片附加到电子邮件,我该如何将其放入HTML内容?我尝试使用文件名作为图像源,但似乎不起作用。

email mime
7个回答
11
投票

更具体地说明如何构建HTML邮件。

结果将是带有text / html部分的多部分MIME消息(如果你真的使用text / plain类型的替代部分正确执行)和几个图像,然后从HTML中引用它们。

有关混合MIME和相关数据中的content-id的更多信息,请参阅RFC 1813RFC 2378(在HTML源代码中由CID引用)。


4
投票

您可以使用与src="cid:bgBoletin"标签的img属性相同的方式。


3
投票

你的问题的答案是在春季文档here

 mailSender.send(new MimeMessagePreparator() {
   public void prepare(MimeMessage mimeMessage) throws MessagingException {
     MimeMessageHelper message = new MimeMessageHelper(mimeMessage, true, "UTF-8");
     message.setFrom("me@mail.com");
     message.setTo("you@mail.com");
     message.setSubject("my subject");
     message.setText("my text <img src='cid:myLogo'>", true);
     message.addInline("myLogo", new ClassPathResource("img/mylogo.gif"));
   }
 });

消息的主体是多部分消息的一部分(注意在MimeMessageHelper的构造函数上将第二个参数设置为true,将消息设置为多部分消息)。

message.addInline("myLogo"...将图像添加为多部分消息的另一部分。

您可以使用.setText设置电子邮件的正文(HTML内容)。

您可以使用标记cid来引用多部分电子邮件的其他部分(您的图像)。注意img src属性是如何src='cid:myLogo'。 cid是图像的内容ID,作为多部分消息的一部分发送。


3
投票

我是这样做的

_mime = new MimeMultipart();
BodyPart messageBodyPart = new MimeBodyPart();
messageBodyPart = new MimeBodyPart();
DataSource fds = new FileDataSource("C:\\bgBoletin.jpg");

messageBodyPart.setDataHandler(new DataHandler(fds));
messageBodyPart.setHeader("Content-ID", "<bgBoletin>");
_mime.addBodyPart(messageBodyPart);

并在HTM文件中以这种方式引用de Content-ID background:url(cid:bgBoletin)。


2
投票

如果这与您正在开发的网站发送电子邮件有关,只需将图像保存在您的服务器上,然后使用<img src="url"/>链接到它们。


1
投票

图像附件部分需要Content-ID

--T4nu9J8b
Content-Type: image/png
Content-ID: <idname>
Content-Transfer-Encoding: base64
Content-Disposition: attachment ;filename="testimage.png"

iVBORw0KGgoAAAANS...
--T4nu9J8b--

注意:Content-ID名称应放在角括号中,如给定的那样

使用相同的Content-ID将其嵌入标签中(不带角括号)

<img alt="Embedded Image" src="cid:idname"/>

这应该允许附加的图像显示在HTML中!


0
投票

选项01: - 将文件“mySignaturePictue.jpg”附加为邮件的附件 - 从身体引用此附件(插入它),代码如下: <img src="cid:mySignaturePicture.png"> 选项02: - 将您的图像转换为base64字符串:http://www.motobit.com/util/base64-decoder-encoder.asp - 使用代码将其插入mailtext / html-body <img alt="My Image" src="data:image/jpeg;base64,AWWhcalkjsd/beginning/RXhp/of+/long/base64cod/ZgAATU0/+BlaBlubbZ5u8/61a+Xand/much/more..." /> - 下行:这被大多数客户阻止,并将增加邮件大小,请参阅:https://www.campaignmonitor.com/blog/email-marketing/2013/02/embedded-images-in-html-email/https://www.paperstreet.com/blog/email-marketing-embeded-images-cid-what-a-mess/


推荐问答