You might came across a scenario where we need to add Images
as part of Email sent through code in HTML format. We can directly give the
absolute url of the image and add the image reference in the email. But the
when the server in which the Image is hosted goes Offline, we can’t get the
image in our Email. To avoid this issue we can embed the Image in Email itself
and then it will be available to the User even if the server is offline.
Happy Coding!
To Embed the Image in our Email we need to create an object
for LinkedResource with our image path. Later this LinkedResource will be added
to AlternateView of HTML type.
Each Image references should have one unique ID associated
with the Image. So first while framing the HTML we will create the Unique ID
and mention in “img src” as below,
<img src=”cid:YOUR UNIQUE ID”/>
Then you need use the same unique ID (which is mentioned in
Image reference) for creating the Linked Resource object.
LinkedResource obj = new
LinkedResource(“Physical path of the image”, "image/png");
Obj.ContentId = “YOUR
UNIQUE ID”;
If your Image is hosted
in any site and doesn’t exists in physical folder, you can get Stream from the
Image and pass the Stream as Input while creating object for LinkedResource.
|
byte[] imgByte = null;
using (var
webClient = new WebClient())
{
webClient.UseDefaultCredentials = true;
Uri uri
= new Uri(url);
imgByte = webClient.DownloadData(uri);
}
Stream memStream = new MemoryStream(img.ImgStream);
LinkedResource pic6 = new
LinkedResource(memStream, "image/png");
pic6.ContentId =
img.ImgGuid.ToString();
|
Once the LinkedResource object is created we need to add to
an object of AlternateView of HTL type. Below is the full sample code snippet
for embedding images (Check inline comments for more details).
|
// Creating Unique
ID for adding image referrence
string GUId1 = Guid.NewGuid().ToString();
// frame the HTML
with the img tag and above unique id
string htmlBody = "<html><body><div><img
src=\"cid:" + GUId1 + "\"></div></body></html>";
//
Create alternateview object with Mime type HTML
AlternateView avHtml = AlternateView.CreateAlternateViewFromString
(htmlBody, null, MediaTypeNames.Text.Html);
//Create
object for Linked Resource with the Image physical path or Image Stream
LinkedResource pic1 = new
LinkedResource(HttpContext.Current.Server.MapPath("/_layouts/Images/header.jpg"), "image/png");
// Provide the
previously created Unique ID to associate the Image with the respective img
src.
pic1.ContentId = GUId1;
//Add the Linked
Resource to the AlternateView
avHtml.LinkedResources.Add(pic1);
string from = SPContext.Current.Web.Site.WebApplication.OutboundMailSenderAddress;
string smtpAddress = SPContext.Current.Web.Site.WebApplication.OutboundMailServiceInstance.Server.Address;
// Assign SMTP
address
SmtpClient smtpClient = new SmtpClient();
smtpClient.Host = smtpAddress;
MailMessage mailMessage = new MailMessage(from,
toRecipients);
mailMessage.Subject = subject;
// Add the Alternate
view with the Mail message
mailMessage.AlternateViews.Add(avHtml);
mailMessage.IsBodyHtml = true;
smtpClient.Send(mailMessage);
|
thank you for this blog. You saved my 100 lines of code :)
ReplyDelete