如何在WebView2中显示Outlook邮件HTMLBody里带CID的图片？

核心原因 #

Outlook邮件里的cid:引用是指向邮件内嵌附件的内部标识，WebView2通过NavigateToString加载纯HTML字符串时，没有关联邮件的附件资源池，所以无法解析这些CID对应的图片，导致显示破损图标。解决思路是把内嵌图片转换成Base64格式的Data URI，替换HTML中的CID引用，让图片直接内嵌到HTML内容里。

实现步骤（VB.NET） #

• 遍历邮件的Attachments集合，筛选出带有ContentID的内嵌附件
• 将每个内嵌附件读取为字节数组，再转换为Base64编码的Data URI
• 替换原HTMLBody中对应的cid:引用为生成的Data URI
• 用处理后的HTML调用WebView2的NavigateToString

完整代码示例 #

Dim outlookApp As New Application
Await EMailView.EnsureCoreWebView2Async()

For Each mailitem As MailItem In outlookApp.ActiveExplorer.Selection
    Dim processedHtml As String = mailitem.HTMLBody
    
    ' 遍历邮件内嵌附件，替换CID引用
    For Each att As Attachment In mailitem.Attachments
        ' 检查是否为带有ContentID的内嵌附件
        If Not String.IsNullOrEmpty(att.PropertyAccessor.GetProperty("http://schemas.microsoft.com/mapi/proptag/0x3712001F")) Then
            Dim cid As String = att.PropertyAccessor.GetProperty("http://schemas.microsoft.com/mapi/proptag/0x3712001F").ToString()
            ' 读取附件内容为字节数组
            Dim attachmentBytes As Byte() = New Byte(att.Size - 1) {}
            Dim stream As System.IO.Stream = att.OpenAsFileStream(Microsoft.Office.Interop.Outlook.OlAttachmentOpen.olPreview)
            stream.Read(attachmentBytes, 0, att.Size)
            stream.Close()
            
            ' 获取图片MIME类型（根据扩展名判断，或从附件属性读取）
            Dim mimeType As String = GetMimeTypeFromExtension(System.IO.Path.GetExtension(att.FileName))
            ' 生成Base64 Data URI
            Dim dataUri As String = $"data:{mimeType};base64,{Convert.ToBase64String(attachmentBytes)}"
            
            ' 替换HTML中的CID引用（注意CID可能带<>，需要处理）
            processedHtml = processedHtml.Replace($"cid:{cid.Trim("<>".ToCharArray())}", dataUri)
        End If
    Next
    
    ' 加载处理后的HTML
    EMailView.NavigateToString(processedHtml)
    txt_Contact.Text = mailitem.SenderEmailAddress
Next

' 辅助函数：根据文件扩展名获取MIME类型
Private Function GetMimeTypeFromExtension(extension As String) As String
    Select Case extension.ToLower()
        Case ".png"
            Return "image/png"
        Case ".jpg", ".jpeg"
            Return "image/jpeg"
        Case ".gif"
            Return "image/gif"
        Case ".bmp"
            Return "image/bmp"
        Case Else
            Return "application/octet-stream"
    End Select
End Function

关键说明 #

• 附件的ContentID存储在MAPI属性0x3712001F中，需要通过PropertyAccessor获取
• 部分邮件的CID可能包含<>包裹，替换时需要先去除这些符号
• 若需要更准确的MIME类型，可以从附件的PropertyAccessor读取0x370E001F属性（Content-Type）
• 注意处理大附件时的内存占用，若邮件内嵌大量高清图片，可优化字节数组读取逻辑

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