邮件模板中Base64图片无法显示的问题求助

直接修复方法 #

把blockedimagesrc属性里的Base64图片数据移到src属性上，这是让图片正常显示的核心操作：

<img data-imagetype="DataUri" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot">

额外注意事项 #

• 不少邮件客户端对Base64图片大小有上限（比如Gmail单图不能超过1MB），如果你的Logo体积偏大，先压缩图片再重新编码成Base64。
• 要是想兼容更老旧的邮件客户端，可以同时保留blockedimagesrc作为 fallback，但必须保证src属性存在且有效：

  <img data-imagetype="DataUri" src="data:image/png;base64,你的Base64编码内容" blockedimagesrc="data:image/png;base64,你的Base64编码内容" alt="Red dot">
  

• 排查下邮件模板的生成逻辑，找到把Base64值错误赋值给blockedimagesrc的环节，从根源上避免再出现同样的问题。

内容的提问来源于stack exchange，提问作者Paribartan Kalathoki