替代mailto链接的jQuery方案：实现带HTML正文的邮件唤起

嘿，这个问题我太熟了！确实mailto:协议天生就不支持HTML格式的邮件正文，只能传递纯文本内容。不过用jQuery配合一点原生JS技巧，我们完全可以实现你的需求——让用户能唤起邮件客户端并带上格式化的HTML表格正文。下面是具体的解决方案：

.eml是标准的邮件格式文件，它支持HTML内容，我们可以构造符合规范的.eml内容，然后通过jQuery生成下载链接，用户下载后打开就能直接唤起邮件客户端，并且正文已经是你想要的HTML格式。

完整代码实现 #

$(document).ready(function() {
  // 你的HTML邮件正文内容
  var htmlBody = "<table border='1' cellspacing='0' align='center'><tr><th>Job #</th><th>Task</th><th>Date</th></tr></table>";
  
  // 构造EML文件的完整内容，严格遵循邮件格式规范
  var emlContent = [
    "To: ", // 收件人留空，需要的话直接填邮箱，比如"To: someone@example.com"
    "Subject: Schedule",
    "MIME-Version: 1.0",
    "Content-Type: text/html; charset=utf-8",
    "", // 这里必须留空行，分隔邮件头部和正文
    htmlBody
  ].join("\n");
  
  // 创建Blob对象存储EML内容
  var blob = new Blob([emlContent], { type: 'message/rfc822' });
  var downloadUrl = URL.createObjectURL(blob);
  
  // 用jQuery创建隐藏的下载链接并触发点击
  var $downloadLink = $('<a>', {
    href: downloadUrl,
    download: 'schedule_email.eml',
    text: '发送带表格的邮件'
  }).appendTo('body');
  
  // 触发点击后清理资源
  $downloadLink.click(function() {
    setTimeout(function() {
      URL.revokeObjectURL(downloadUrl);
      $downloadLink.remove();
    }, 100);
  });
});

关键说明 #

• 格式规范很重要：邮件头部和正文之间必须有一个空行，Content-Type设置为text/html才能让邮件客户端识别HTML内容。
• 这个方案完全是前端实现，不需要后端支持。用户点击链接后下载.eml文件，打开文件就会唤起默认邮件客户端，收件人、主题、HTML正文都已经预设好了。
• 如果需要添加抄送人、密送人，只需要在emlContent里添加Cc: xxx@example.com或者Bcc: xxx@example.com即可，和邮件头部的格式保持一致。

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