如何在WebBrowser控件中完整显示Outlook.MailItem.HTMLBody（含图片）？

我用webBrowser1.DocumentText = selectedMail.HTMLBody;代码加载Outlook邮件的HTML内容，但邮件里的图片无法正常显示。需要实现和Outlook完全一致的邮件正文显示效果，用于让用户对邮件分类并将结果存入数据库。

解决方案 #

问题根源在于Outlook邮件的内嵌图片使用cid:协议引用，而WebBrowser控件无法直接解析这种指向邮件内部附件的引用，必须先将这些内嵌资源转换为可直接加载的格式。

具体步骤 #

1. 收集内嵌图片的CID与对应内容
   Outlook邮件的内嵌图片会作为附件存储，且带有PR_ATTACH_CONTENT_ID属性（对应MAPI标签0x3712001F）。遍历邮件的附件集合，筛选出带有该属性的附件，将其内容转换为Base64编码的Data URI。

2. 替换HTML中的CID引用
   将邮件HTMLBody里的src="cid:[xxx]"格式，替换为对应的Data URI格式src="data:image/[格式];base64,[Base64内容]"。

3. 加载处理后的HTML到WebBrowser
   将替换完成的HTML赋值给WebBrowser控件的DocumentText属性，即可正常显示所有图片。

示例代码（C#） #

// 假设selectedMail是已获取的Outlook.MailItem实例
var cidMap = new Dictionary<string, string>();

foreach (Outlook.Attachment attachment in selectedMail.Attachments)
{
    // 获取附件的Content ID（CID）
    var cid = attachment.PropertyAccessor.GetProperty("http://schemas.microsoft.com/mapi/proptag/0x3712001F") as string;
    if (string.IsNullOrEmpty(cid)) continue;

    // 获取附件的二进制内容并转为Base64
    var attachmentBytes = attachment.PropertyAccessor.GetProperty("http://schemas.microsoft.com/mapi/proptag/0x37010102") as byte[];
    var base64Content = Convert.ToBase64String(attachmentBytes);

    // 拼接Data URI，格式从附件的ContentType获取
    var dataUri = $"data:{attachment.ContentType};base64,{base64Content}";
    cidMap[cid] = dataUri;
}

// 替换HTML中的CID引用
var processedHtml = selectedMail.HTMLBody;
foreach (var entry in cidMap)
{
    processedHtml = processedHtml.Replace($"cid:{entry.Key}", entry.Value);
}

// 加载处理后的HTML
webBrowser1.DocumentText = processedHtml;

补充说明 #

• 处理后不仅能显示内嵌图片，外部网络图片只要WebBrowser能联网，也会自动加载，和Outlook的显示效果一致。
• 若邮件包含其他类型的内嵌资源（如样式表），可采用类似逻辑处理，但邮件正文的主要问题集中在图片上。

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