Send inline image in email

Question

Having an issue sending an image via email as an embedded image in the body  The image file shows as an attachment which is ok but the inline image portion just shows as a red x   Here is what I have so far  LinkedResource inline   new LinkedResource filePath   inline ContentId   Guid NewGuid   ToString    MailMessage mail   new MailMessage    Attachment att   new Attachment filePath   att ContentDisposition Inline   true  mail From   from email  mail To Add data email   mail Subject    Client      data client id     Has Sent You A Screenshot   mail Body   String Format        lt h3 gt Client      data client id     Has Sent You A Screenshot lt  h3 gt            lt img src   cid  0      gt    inline ContentId    mail IsBodyHtml   true  mail Attachments Add att

User · Answer

In addition to the comments above  I have the following additional comments   Do not mix Attachments and AlternativeView  use one or the other  If you mix them  the inline attachments will be rendered as unknown downloads  While Outlook and Google allow standard HTML-style  quot cid att-001 quot  this does NOT work on iPhone  late 2016 patch level   rather use pure alpha numeric  quot cid att-001 quot  - gt   quot cid att001 quot   As an aside  Outlook  even Office 2015  rendering  still the clear majority for business users  requires the use of TABLE TR TD style HTML  as it does not fully support the HTML box model

User · Answer

protected void Page Load object sender  EventArgs e                string Themessage      lt html gt                             lt body gt                               lt table width   100    gt                               lt tr gt                                   lt td style   font-style arial  color maroon  font-weight bold   gt                                 Hi   lt br gt                                   lt img src cid myImageID gt                                   lt  td gt                               lt  tr gt                               lt  table gt                               lt  body gt                               lt  html gt            sendHtmlEmail  from gmail com    tomailaccount   Themessage   Scoutfoto    Test HTML Email    smtp gmail com   25              protected void sendHtmlEmail string from Email  string to Email  string body  string           from Name  string Subject  string SMTP IP  Int32 SMTP Server Port                  create an instance of new mail message         MailMessage mail   new MailMessage               set the HTML format to true         mail IsBodyHtml   true             create Alrternative HTML view         AlternateView htmlView   AlternateView CreateAlternateViewFromString body  null   text html               Add Image         LinkedResource theEmailImage   new LinkedResource  E   IMG 3332 jpg            theEmailImage ContentId    myImageID              Add the Image to the Alternate view         htmlView LinkedResources Add theEmailImage              Add view to the Email Message         mail AlternateViews Add htmlView              set the  from email  address and specify a friendly  from  name         mail From   new MailAddress from Email  from Name              set the  to  email address         mail To Add to Email              set the Email subject         mail Subject   Subject             set the SMTP info         System Net NetworkCredential cred   new System Net NetworkCredential  fromEmail gmail com    fromEmail password            SmtpClient smtp   new SmtpClient  smtp gmail com   587           smtp EnableSsl   true          smtp DeliveryMethod   SmtpDeliveryMethod Network          smtp UseDefaultCredentials   false          smtp Credentials   cred            send the email         smtp Send mail

User · Answer

Some minimal c  code to embed an image  can be  MailMessage mailWithImg   GetMailWithImg    MySMTPClient Send mailWithImg       Set up your SMTPClient before   private MailMessage GetMailWithImg         MailMessage mail   new MailMessage        mail IsBodyHtml   true      mail AlternateViews Add GetEmbeddedImage  quot c  image png quot         mail From   new MailAddress  quot yourAddress yourDomain quot        mail To Add  quot recipient hisDomain quot        mail Subject    quot yourSubject quot       return mail     private AlternateView GetEmbeddedImage String filePath        LinkedResource res   new LinkedResource filePath       res ContentId   Guid NewGuid   ToString        string htmlBody     quot  lt img src  cid  quot    res ContentId     quot    gt  quot       AlternateView alternateView   AlternateView CreateAlternateViewFromString htmlBody  null  MediaTypeNames Text Html       alternateView LinkedResources Add res       return alternateView

User · Answer

I added the complete code below to display images in Gmail Thunderbird and other email clients     MailMessage mailWithImg   getMailWithImg    MySMTPClient Send mailWithImg       Set up your SMTPClient before   private MailMessage getMailWithImg         MailMessage mail   new MailMessage        mail IsBodyHtml   true      mail AlternateViews Add getEmbeddedImage  c  image png         mail From   new MailAddress  yourAddress yourDomain        mail To Add  recipient hisDomain        mail Subject    yourSubject       return mail    private AlternateView getEmbeddedImage String filePath            below line was corrected to include the mediatype so it displays in all         mail clients  previous solution only displays in Gmail the inline images      LinkedResource res   new LinkedResource filePath  MediaTypeNames Image Jpeg         res ContentId   Guid NewGuid   ToString        string htmlBody      lt img src  cid     res ContentId        gt        AlternateView alternateView   AlternateView CreateAlternateViewFromString htmlBody         null  MediaTypeNames Text Html       alternateView LinkedResources Add res       return alternateView

User · Answer

You need to add the LinkedResource into an AlternateView  AlternateView alternateView   AlternateView CreateAlternateViewFromString   lt h3 gt Client      data client id     Has Sent You A Screenshot lt  h3 gt                        lt img src   cid  0      gt    null   text html    alternateView LinkedResources Add inline   mail AlternateViews Add alternateView

User · Answer

We all have our preferred coding styles  This is what I did   var pictures   new         new   id   Guid NewGuid    type    image jpeg   tag    justme   path     C  Pictures JustMe jpg         new   id   Guid NewGuid    type    image jpeg   tag    justme-bw   path     C  Pictures JustMe-BW jpg      ToList     var content        lt style type   text css   gt      body    font-family  Arial  font-size  10pt      lt  style gt   lt body gt   lt h4 gt  DateTime Now dddd  MMMM d  yyyy h mm ss tt  lt  h4 gt   lt p gt Some pictures lt  p gt   lt div gt       lt p gt Color Picture lt  p gt       lt img src cid   justme     gt   lt  div gt   lt div gt       lt p gt Black and White Picture lt  p gt       lt img src cid   justme-bw     gt   lt  div gt   lt div gt       lt p gt Color Picture repeated lt  p gt       lt img src cid   justme     gt   lt  div gt   lt  body gt         Update content with picture guid pictures ForEach p   gt  content   content Replace      p tag         p id         Create Alternate View var view   AlternateView CreateAlternateViewFromString content  Encoding UTF8  MediaTypeNames Text Html      Add the resources pictures ForEach p   gt  view LinkedResources Add new LinkedResource p path  p type    ContentId   p id ToString         using  var client   new SmtpClient       Set properties as needed or use config file using  MailMessage message   new MailMessage         IsBodyHtml   true      BodyEncoding   Encoding UTF8      Subject    Picture Email       SubjectEncoding   Encoding UTF8           message AlternateViews Add view       message From   new MailAddress  me me com        message To Add new MailAddress  you you com         client Send message

User · Answer

sending 2 images vb net code convert for C  online converter    Public Function SendEmail Optional ByVal p AsHTML As Boolean   False  Optional ByVal p themEmail As String       As Boolean             Dim client As SmtpClient   New SmtpClient     FMSERVER FMINNOVATIONS COM AU                Dim fromAddress As MailAddress   New MailAddress Me FromEmail   WSMenterprise                Dim toAddress As MailAddress             Try                 Dim aMessage As New MailMessage                     New MailAddress Me FromEmail   WSMenterprise    New MailAddress anAdd                   If  fromAddress IsNot Nothing Then                     If  fromName IsNot Nothing Then                         aMessage From   New MailAddress  fromAddress   fromName                      Else                         aMessage From   New MailAddress  fromAddress                      End If                 End If                 For Each anAdd As String In  To                     aMessage To Add New MailAddress anAdd                   Next                 For Each cc As String In  CC                     aMessage CC Add New MailAddress cc                   Next                 For Each bcc As String In  BCC                     aMessage Bcc Add New MailAddress bcc                   Next                 aMessage Subject    Subject                 aMessage IsBodyHtml   p AsHTML                  If  EmailLogo Is Nothing Then                     aMessage Body    Body                 Else                     If p themEmail ToString   ToLower Contains  dexus   Then                         Dim htmlView   AlternateView CreateAlternateViewFromString  Body ToString    Nothing   text html                           Dim logo As New LinkedResource  EmailLogo                          logo ContentId    Dexuslogo1                          Dim logo1 As New LinkedResource  EmailLogo1                          logo1 ContentId    Dexuslogo2                          htmlView LinkedResources Add logo                          htmlView LinkedResources Add logo1                          aMessage AlternateViews Add htmlView                       Else                          Dim htmlView   AlternateView CreateAlternateViewFromString  Body ToString    Nothing   text html                           Dim logo As New LinkedResource  EmailLogo                          logo ContentId    companylogo                          htmlView LinkedResources Add logo                          aMessage AlternateViews Add htmlView                      End If                 End If                  For Each anAttach As Attachment In  Attachments                     aMessage Attachments Add anAttach                  Next                  If  ReplyTo IsNot Nothing Then aMessage ReplyToList Add New MailAddress  ReplyTo                   client Host    smtpi cbre com au                  client UseDefaultCredentials   True                 client Send aMessage              Catch exRecipUnk As SmtpFailedRecipientException                 Return False             Catch exSmtp As SmtpException                   exSmtp StatusCode                 Return False             Catch ex As Exception                 Return False             End Try             Return True         End Function     If p Gmap code    DE  Then                 Dim p Theme As New Theme  Dexus                   Dim passwordlink As String                      Dim DexuslogoImage1 As String   System IO Path Combine AppDomain CurrentDomain BaseDirectory   Images Dexus Notice Logo png                   Dim DexuslogoImage2 As String   System IO Path Combine AppDomain CurrentDomain BaseDirectory   Images DexusTenantNotice png                    passwordlink     lt a href      p Theme TenantLoginPage     accesstype email amp te     a Encrypt p TenantEmail       target   blank  gt here  lt  a gt  lt br  gt                   bodys      lt div align  Center  gt  lt table border  0  cellpadding  0  cellspacing  0  gt  lt tr style  height 50px   gt  lt td width  623px   gt  lt  td gt  lt td valign  top  width  180  gt  lt p align  right  gt  lt a href  http   www dexus com   gt  lt img border  0  height  50  src cid Dexuslogo1 width  174  alt     gt  lt  a gt  lt  p gt  lt  td gt  lt  tr gt  lt tr gt  lt td colspan  2  width  803  style  height 25px   gt  lt  td gt  lt  tr gt   lt tr gt  lt td width  623px  gt  lt p align  left  style  font-family Arial font-size 14pt   gt  lt strong gt  Your Dexus Response Password is about to expire lt  strong gt  lt  p gt  lt  td gt                   bodys       lt td width  180  gt  lt p align  right  style  font-family Arial font-size 10pt   gt     DateTime Now ToString  dd MM yyyy        lt  p gt                   bodys      lt  td gt  lt  tr gt  lt tr gt  lt td colspan  2  width  803  style  height 30px   gt    lt  td gt  lt  tr gt   lt tr gt    lt td colspan  2  width  803  style  font-family Arial font-size 10pt   gt                   bodys      lt p gt     wishes         p TenantName Trim   ToString       lt  p gt                   bodys      lt  td gt  lt  tr gt  lt tr gt  lt td colspan  2  width  803  style  height 25px   gt  lt  td gt   lt  tr gt  lt tr gt  lt td colspan  2  width  803  style  font-family Arial font-size 10pt   gt                   bodys     Your Dexus Response password is about to expire in     p remaindays ToString       days  lt br   gt  lt br   gt  To reset your password and update your details  please click     passwordlink ToString       lt br   gt  lt br   gt Please note that if you do not update your password by     p date     then your account will be set to inactive and you will not be able to access Dexus Response  lt  br gt  lt  br gt Please contact Dexus Response if you require assistance in accessing the portal  lt  p gt  lt  td gt    edit                 bodys       lt  tr gt  lt tr gt  lt td colspan  2  width  803  style  height 30px   gt  lt  td gt  lt  tr gt  lt tr gt  lt td colspan  2  width  803  gt  lt table align  left  border  0  cellpadding  0  cellspacing  0  gt  lt tr gt  lt td width  802  style  font-family Arial font-size 10pt   gt  lt p gt  lt strong gt Dexus Response lt  strong gt  lt  p gt  lt  td gt  lt  tr gt  lt tr gt  lt td width  802  style  font-family Arial font-size 10pt   gt  lt p gt  lt a href  mailto property services dexusfm com  gt property services dexusfm com lt  a gt   lt strong gt   lt  strong gt  1300 339 870  lt strong gt   lt  strong gt   lt a href  https   response dexus com   gt response dexus com lt  a gt  lt  p gt  lt  td gt  lt  tr gt  lt  table gt  lt  td gt  lt  tr gt  lt tr gt  lt td colspan  2  width  803  style  height 15px   gt  lt  td gt  lt  tr gt  lt tr gt   lt td colspan  2  width  803  gt  lt p gt   lt  p gt  lt p gt  lt a href  https   response dexus com   border  0  target   blank  gt  lt img border  0  height  133                   bodys     src cid Dexuslogo2 alt    width  800    gt  lt  a gt  lt  p gt  lt  td gt  lt  tr gt  lt tr gt  lt td colspan  2  width  803  style  height 10px   gt  lt  td gt  lt  tr gt  lt tr gt  lt td colspan  2  width  803  style  font-family Arial font-size 10pt   gt  lt p gt  lt a href  http   www dexus com who-we-are terms-and-conditions  style   color  000000   gt Terms and Conditions lt  a gt  lt strong gt     lt  strong gt  lt a href  http   www dexus com who-we-are privacy-policy  style   color  000000   gt  Privacy Policy lt  a gt  lt  p gt  lt  td gt  lt  tr gt  lt tr gt  lt td colspan  2  width  803  style  height 40px   gt  lt  td gt  lt  tr gt  lt tr gt  lt td colspan  2  width  803  gt  lt p gt  lt  p gt  lt  td gt  lt  tr gt  lt tr gt  lt td colspan  2  width  803  style  height 10px   gt  lt  td gt  lt  tr gt  lt tr gt  lt  tr gt  lt tr gt  lt td colspan  2  width  803  style  height 20px   gt  lt  td gt  lt  tr gt  lt  table gt  lt  div gt                    email   New Common Email emailHeading  bodys  p Theme EmailFrom  DexuslogoImage1  DexuslogoImage2                  email ToEmail   p TenantEmail                 email SendEmail True  p Theme EmailFrom

User · Answer

MailMessage mail   new MailMessage          set the addresses     mail From   new MailAddress  userid gmail com        mail To Add  userid gmail com           set the content     mail Subject    Sucessfully Sent the HTML and Content of mail          first we create the Plain Text part     string plainText    Non-HTML Plain Text Message for Non-HTML enable mode       AlternateView plainView   AlternateView CreateAlternateViewFromString plainText  null   text plain        XmlTextReader reader   new XmlTextReader   E  HTMLPage htm        string   address   new string 30       string finalHtml           var i   -1      while  reader Read                  if  reader NodeType    XmlNodeType Element               The node is an element              if  reader AttributeCount  lt   1                                if  reader Name     img                                         finalHtml      lt     reader Name                      while  reader MoveToNextAttribute                                                  if  reader Name     src                                                         i                                address i    reader Value                              address i    address i  Remove 0  8                               finalHtml          reader Name          cid chartlogo    i ToString                                                      else                                                       finalHtml          reader Name          reader Value                                                                            finalHtml      gt                                      else                                       finalHtml      lt     reader Name                      while  reader MoveToNextAttribute                                                  finalHtml          reader Name          reader Value                                                  finalHtml      gt                                                       else if  reader NodeType    XmlNodeType Text              Display the text in each element              finalHtml    reader Value                    else if  reader NodeType    XmlNodeType EndElement                          Display the end of the element              finalHtml      lt      reader Name              finalHtml      gt                          AlternateView htmlView   AlternateView CreateAlternateViewFromString finalHtml  null   text html        LinkedResource   logo   new LinkedResource i   1       for  int j   0  j  lt   i  j                  logo j    new LinkedResource address j            logo j  ContentId    chartlogo    j          htmlView LinkedResources Add logo j              mail AlternateViews Add plainView       mail AlternateViews Add htmlView       SmtpClient smtp   new SmtpClient        smtp Host    smtp gmail com       smtp Port   587      smtp Credentials   new NetworkCredential           userid gmail com    Password        smtp EnableSsl   true      Console WriteLine        smtp Send mail

User · Answer

Try This     protected void Page Load object sender  EventArgs e                        string Themessage      lt html gt                                 lt body gt                                   lt table width   100    gt                                   lt tr gt                                       lt td style   font-style arial  color maroon  font-weight bold   gt                                     Hi   lt br gt                                       lt img src cid myImageID gt                                       lt  td gt                                   lt  tr gt                                   lt  table gt                                   lt  body gt                                   lt  html gt                sendHtmlEmail  from gmail com    tomailaccount   Themessage   Scoutfoto    Test HTML Email    smtp gmail com   25                 protected void sendHtmlEmail string from Email  string to Email  string body  string from Name  string Subject  string SMTP IP  Int32 SMTP Server Port                          create an instance of new mail message             MailMessage mail   new MailMessage                   set the HTML format to true             mail IsBodyHtml   true                 create Alrternative HTML view             AlternateView htmlView   AlternateView CreateAlternateViewFromString body  null   text html                   Add Image             LinkedResource theEmailImage   new LinkedResource  E   IMG 3332 jpg                theEmailImage ContentId    myImageID                  Add the Image to the Alternate view             htmlView LinkedResources Add theEmailImage                  Add view to the Email Message             mail AlternateViews Add htmlView                  set the  from email  address and specify a friendly  from  name             mail From   new MailAddress from Email  from Name                  set the  to  email address             mail To Add to Email                  set the Email subject             mail Subject   Subject                 set the SMTP info             System Net NetworkCredential cred   new System Net NetworkCredential  fromEmail gmail com    fromEmail password                SmtpClient smtp   new SmtpClient  smtp gmail com   587               smtp EnableSsl   true              smtp DeliveryMethod   SmtpDeliveryMethod Network              smtp UseDefaultCredentials   false              smtp Credentials   cred                send the email             smtp Send mail

User · Answer

The other solution is attaching the image as attachment and then referencing it html code using cid  HTML Code    lt html gt   lt head gt   lt  head gt   lt body gt       lt img width 100 height 100 id   1   src   cid Logo jpg   gt   lt  body gt   lt  html gt    C  Code   EmailMessage email   new EmailMessage service   email Subject    Email with Image   email Body   new MessageBody BodyType HTML  html   email ToRecipients Add  abc xyz com    string file     C  Users acv Pictures Logo jpg   email Attachments AddFileAttachment  Logo jpg   file   email Attachments 0  IsInline   true  email Attachments 0  ContentId    Logo jpg   email SendAndSaveCopy

User · Answer

An even more minimalistic example   var linkedResource   new LinkedResource   C  Image jpg   MediaTypeNames Image Jpeg       My mail provider would not accept an email with only an image  adding hello so that the content looks less suspicious  var htmlBody     hello lt img src   cid  linkedResource ContentId     gt    var alternateView   AlternateView CreateAlternateViewFromString htmlBody  null  MediaTypeNames Text Html   alternateView LinkedResources Add linkedResource    var mailMessage   new MailMessage       From   new MailAddress  youremail host com        To      recipient host com         Subject    yourSubject       AlternateViews     alternateView       var smtpClient   new SmtpClient    smtpClient Send mailMessage

User · Answer

Try this   string htmlBody     lt html gt  lt body gt  lt h1 gt Picture lt  h1 gt  lt br gt  lt img src   cid filename   gt  lt  body gt  lt  html gt     AlternateView avHtml   AlternateView CreateAlternateViewFromString      htmlBody  null  MediaTypeNames Text Html     LinkedResource inline   new LinkedResource  filename jpg   MediaTypeNames Image Jpeg    inline ContentId   Guid NewGuid   ToString     avHtml LinkedResources Add inline     MailMessage mail   new MailMessage     mail AlternateViews Add avHtml     Attachment att   new Attachment filePath    att ContentDisposition Inline   true    mail From   from email   mail To Add data email    mail Subject    Client      data client id     Has Sent You A Screenshot    mail Body   String Format                lt h3 gt Client      data client id     Has Sent You A Screenshot lt  h3 gt                    lt img src   cid  0      gt    att ContentId     mail IsBodyHtml   true   mail Attachments Add att

[c#] Send inline image in email

Examples related to c#

Examples related to image

Examples related to email

Examples related to smtp

Examples related to inline