There are 3 ways of embedding images inside email message:<\/p>\n
In this article we’ll show how to use the first method. This method makes message bigger, but images don’t need to be stored on your web server<\/em>. Furthermore this method is widely supported by email clients.<\/p>\n When MIME tree is build we specify that images added are in relation to HTML content<\/strong> of the message. We also specify content disposition as inline<\/strong>. This means that those images are not actual attachments, but rather should be displayed to user when he\/she opens the message.<\/p>\n In Mail.dll it is quite simple as we just need to add the image to MailBuilder.Visuals<\/em>collection using AddVisual<\/em> method. Remember that you need to set the image’s Content-ID, as it is required in the next step.<\/p>\n HTML body of the message references those images by using special And of course the VB.NET version of the same code:<\/p>\n And of course the VB.NET version using fluent interface:<\/p>\n Now we can connect to SMTP server and send the HTML email with embedded image we recently created:<\/p>\nHow this works<\/h2>\n
\"cid:\"<\/code> protocol. It specifies Content-ID of the image that should be used:<\/p>\n\r\nThis is our <strong>brand new<\/strong> logo: <br \/>\r\n<img src="cid:logo@example.com" \/>\r\n<\/pre>\n
Create HTML message using MailBuilder<\/h2>\n
\r\n\/\/ Use builder class to create an email\r\nMailBuilder builder = new MailBuilder();\r\n\r\n\/\/ Set From, To\r\nbuilder.From.Add(new MailBox("alice@mail.com", "Alice"));\r\nbuilder.To.Add(new MailBox("bob@mail.com", "Bob"));\r\nbuilder.Subject = "Test";\r\n\r\n\/\/ Set HTML content (Notice the src="cid:..." attribute)\r\nbuilder.Html = @"<html><body><img src=""cid:logo@example.com"" \/><\/body><\/html>";\r\n\r\n\/\/ Html automatically extracts plaint text from html so,\r\n\/\/ unless you want to specify plain text explicitly, you don't need to use this line:\r\nbuilder.Text = "This is text version of the message.";\r\n\r\n\/\/ Add image and set its Content-Id\r\nMimeData visual = builder.AddVisual(@"c:\\image.jpg");\r\nvisual.ContentId = "logo@example.com";\r\n\r\nIMail email = builder.Create();\r\n\r\n<\/pre>\n\r\n' Use builder class to create an email\r\nDim builder As New MailBuilder()\r\n\r\n' Set From, To\r\nbuilder.From.Add(New MailBox("alice@mail.com", "Alice"))\r\nbuilder.To.Add(New MailBox("bob@mail.com", "Bob"))\r\nbuilder.Subject = "Test"\r\n\r\n' Set HTML content (Notice the src="cid:..." attribute)\r\nbuilder.Html = "<html><body><img src=""cid:logo@example.com"" \/><\/body><\/html>"\r\n\r\n' Html automatically extracts plaint text from html so,\r\n' unless you want to specify plain text explicitly, you don't need to use this line:\r\nbuilder.Text = "This is text version of the message."\r\n\r\n' Add image and set its Content-Id\r\nDim visual As MimeData = builder.AddVisual("c:\\image.jpg")\r\nvisual.ContentId = "logo@example.com"\r\n\r\nDim email As IMail = builder.Create()\r\n<\/pre>\nHTML message using fluent interface<\/h2>\n
\r\n\/\/ C#\r\n\r\nusing Fluent = Limilabs.Mail.Fluent;\r\n\r\nIMail email = Fluent.Mail.Html(@"<html><body><img src=""cid:logo@example.com"" \/><\/body><\/html>")\r\n .From(new MailBox("alice@mail.com", "Alice"))\r\n .To(new MailBox("bob@mail.com", "Bob"))\r\n .Subject("Test")\r\n .AddVisual(@"c:\\image.jpg")\r\n .SetContentId("logo@example.com")\r\n .Create();\r\n<\/pre>\n\r\n' VB.NET\r\n\r\nIMail email = Mail.Html("<html><body><img src=""cid:logo@example.com"" \/><\/body><\/html>") _\r\n\t.From(New MailBox("alice@mail.com", "Alice")) _\r\n\t.To(New MailBox("bob@mail.com", "Bob")) _\r\n\t.Subject("Test").AddVisual("c:\\image.jpg") _\r\n\t.SetContentId("logo@example.com") _\r\n\t.Create()\r\n<\/pre>\nSending email using SMTP<\/h2>\n
\r\nusing (Smtp client = new Smtp())\r\n{\r\n client.Connect("smtp.example.com"); \/\/ or ConnectSSL\r\n client.UseBestLogin("user", "password");\r\n client.SendMessage(email);\r\n client.Close();\r\n}\r\n<\/pre>\n