时间戳

首页 > 解决方案 > 在电子邮件中使用带有背景 url 的 base64

jquery - 在电子邮件中使用带有背景 url 的 base64

问题描述

我有一个时事通讯生成器，允许用户在上面上传他们的图像。每个图像在发送到电子邮件时都会转换为 base64。

使用<img src="data:image/jpeg;base64,/9j…1">标签工作正常。

Gmail 中的结果是：<img src="cid:a92d6c4bca1c012c2e95bc6539b69130">

但是尝试使用background: url('base64_value')不起作用。

显示原始电子邮件时，背景网址为background: url('data:image/webp;base64..">

src 和后台 url 有什么区别？为什么使用 img base64 可以正常工作而使用背景 url base64 也不能正常工作？有解决办法吗？

用于背景网址的 jquery：

 reader.onload = function (e) {
     big_parent.css("background", "url(" + e.target.result + ")");      
 };
 reader.readAsDataURL(file);

用于 src 的 jquery

reader.onload = function (e) {
  big_parent.children('img').attr("src", e.target.result);
};
reader.readAsDataURL(file);

标签： jqueryemailgmailhtml-email

解决方案

推荐阅读