Windows邮件发送应用中如何在正文添加并显示多张图片？

首先，你的问题很典型——邮件客户端对HTML中图片的渲染规则和网页不一样，直接用base64或者外部URL经常会踩坑。先给你明确答案：完全可以使用Linked Resources和Alternate View来解决这个问题，这其实是邮件内嵌图片的标准解决方案，比base64兼容性好太多。

为什么你的base64图片加载失败？ #

很多主流邮件客户端（比如Outlook、某些企业邮箱）对base64格式的内嵌图片支持有限：要么是解析时截断长字符串，要么是出于安全策略直接屏蔽base64资源。而且base64会让邮件体积膨胀30%左右，也会影响发送效率，所以不推荐用这种方式处理邮件图片。

如何用Linked Resources + Alternate View实现图片正常显示？ #

这两个类是.NET System.Net.Mail命名空间里的核心工具，专门用来处理MIME格式邮件的内嵌资源和多格式视图。核心思路是：把图片作为邮件的内嵌附件（不会显示为普通附件），然后在HTML正文中用cid:协议引用这个内嵌资源。

具体步骤（以C# Windows应用为例）： #

1. 调整TinyMCE的图片插入逻辑
   不要让编辑器直接插入base64或外部URL图片。当用户在TinyMCE中插入图片时，你需要：

   • 接收图片的字节流或本地路径
   • 生成一个唯一的Content-ID（比如image-12345@your-app.com，格式要符合邮件标准）
   • 给TinyMCE返回<img src="cid:你的Content-ID">，让编辑器渲染这个引用（TinyMCE完全支持cid格式的src）

2. 构建邮件时关联内嵌资源
   用LinkedResource把图片添加为邮件的内嵌资源，然后通过AlternateView把TinyMCE生成的HTML作为邮件的HTML视图：

   // 从TinyMCE获取处理后的HTML（包含cid引用）
   string tinymceHtml = yourTinyMCEInstance.Content;
   
   // 创建HTML格式的邮件视图
   AlternateView htmlView = AlternateView.CreateAlternateViewFromString(
       tinymceHtml, 
       Encoding.UTF8, 
       MediaTypeNames.Text.Html
   );
   
   // 示例：从本地文件加载图片，创建LinkedResource
   string imageFilePath = @"C:\temp\user-uploaded-image.png";
   LinkedResource embeddedImage = new LinkedResource(imageFilePath)
   {
       ContentId = "image-12345@your-app.com", // 和HTML中的cid完全匹配
       TransferEncoding = TransferEncoding.Base64,
       ContentType = new ContentType(MediaTypeNames.Image.Png)
   };
   
   // 将内嵌资源关联到HTML视图
   htmlView.LinkedResources.Add(embeddedImage);
   
   // 组装邮件
   MailMessage mail = new MailMessage();
   mail.From = new MailAddress("sender@example.com");
   mail.To.Add("recipient@example.com");
   mail.Subject = "测试内嵌图片邮件";
   // 添加HTML视图
   mail.AlternateViews.Add(htmlView);
   // 可选：添加纯文本视图，适配不支持HTML的客户端
   AlternateView plainTextView = AlternateView.CreateAlternateViewFromString(
       "这是纯文本内容，图片无法显示", 
       Encoding.UTF8, 
       MediaTypeNames.Text.Plain
   );
   mail.AlternateViews.Add(plainTextView);
   
   // 发送邮件（用SmtpClient或MailKit等库）
   SmtpClient client = new SmtpClient("smtp.example.com", 587);
   client.Credentials = new NetworkCredential("username", "password");
   client.EnableSsl = true;
   client.Send(mail);
   

3. TinyMCE的配置注意事项
   确保你的TinyMCE配置允许插入cid格式的图片链接。如果用的是默认的图片插件，可能需要自定义上传逻辑（比如替换默认的上传处理），让它返回cid引用而不是base64。你可以通过TinyMCE的images_upload_handler选项来实现自定义上传：

   tinymce.init({
     selector: '#your-editor',
     plugins: 'image',
     toolbar: 'image',
     images_upload_handler: function (blobInfo, success, failure) {
       // 这里调用你的后端/本地处理逻辑，上传图片并获取生成的cid
       // 示例：假设处理后得到cid，返回给编辑器
       success('cid:image-12345@your-app.com');
     }
   });
   

关键要点总结 #

• 优先使用LinkedResource内嵌图片，这是邮件客户端兼容性最好的方式
• 用cid:协议关联HTML和内嵌资源，确保两者的Content-ID完全匹配
• 避免在邮件正文中使用base64图片，除非是极小的图标（但还是不推荐）
• 记得添加纯文本视图，提升邮件的兼容性

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