How to send an Html
Email with Embedded Image?
In this small article I am explaining how to send an html
email with embedded image. The steps in
this are following:
- Create the Html Body with
- Create the Images
- Attach the Image resource using cid
- Send Email
The steps are explained below:
the Html Body
The following could be our html email body.
In the above code we can see the img tag. We can have
multiple image tag on the image will be placed in the particular location.
Another important point to note is the cid. It represents the
content id of the resource. The
resources added can be assigned a content id.
The html email code will be as shown below:
MailMessage message = new MailMessage(AdminEmail, RecipientEmail);
message.IsBodyHtml = true;
message.Subject = "Test
For the demo purpose, I have created one image which will be
included in the html email.
the Image resource using cid
Now that we need to add the image in the email using cid. The following code do this.
AlternateView view = AlternateView.CreateAlternateViewFromString(Message,
LinkedResource resource = new LinkedResource(ImagePath);
resource.ContentId = "id1";
the above code we can see that the id1
is the content Id. A new class named AlternateView
is used to specify the image. The
resource is added to the email message using the following line of code:
Now we can use the Send() method to send the email. The received email will be looking like the
Hope you enjoyed it. The
associated code is attached with the article.