Dart
Dart
Outlook Send HTML Email with Embedded Images
See more Outlook Examples
This example sends an HTML email with embedded images. Other examples exist for:- Sending plain-text email.
- Sending email with attachments.
- Sending HTML email with embedded images and attachments.
This example applies to: Exchange Online | Office 365 | Hotmail.com | Live.com | MSN.com | Outlook.com | Passport.com
Chilkat Dart Downloads
import 'package:chilkat/chilkat.dart';
void main() {
// Important: This example requires Chilkat v9.5.0.68 or greater.
// This example requires the Chilkat API to have been previously unlocked.
// See Global Unlock Sample for sample code.
final http = CkHttp();
// Use your previously obtained access token here:
// See the following examples for getting an access token:
// Get Microsoft Graph OAuth2 Access Token (Azure AD v2.0 Endpoint).
// Get Microsoft Graph OAuth2 Access Token (Azure AD Endpoint).
// Refresh Access Token (Azure AD v2.0 Endpoint).
// Refresh Access Token (Azure AD Endpoint).
http.authToken = 'MICROSOFT_GRAPH_ACCESS_TOKEN';
// To send mail, we'll POST to the following endpoint:
//
// POST /users/{id | userPrincipalName}/sendMail
//
// (The special keyword "me" may be used in place of a principal name.)
//
// This example will send HTML email containing the following HTML body.
// After the
// <html>
// <head>
// <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
// <meta content="text/html; charset=utf-8">
// </head>
// <body bgcolor="#FFFFFF">
// <font face="Calibri">This is a test <b>HTML email with embedded images</b>.<br>
// <br>
// <img alt="" src="cid:starfish"><br>
// <img alt="" src="cid:hedgehogs"><br>
// </font>
// </body>
// </html>
// Build the HTML body...
final bCrlf = true;
final sbHtmlBody = CkStringBuilder();
sbHtmlBody.appendLine('<html>', bCrlf);
sbHtmlBody.appendLine('<head>', bCrlf);
sbHtmlBody.appendLine('<meta http-equiv="Content-Type" content="text/html; charset=utf-8">', bCrlf);
sbHtmlBody.appendLine('<meta content="text/html; charset=utf-8">', bCrlf);
sbHtmlBody.appendLine('</head>', bCrlf);
sbHtmlBody.appendLine('<body bgcolor="#FFFFFF">', bCrlf);
sbHtmlBody.appendLine('<font face="Calibri">This is a test <b>HTML email with embedded images</b>.<br>', bCrlf);
sbHtmlBody.appendLine('<br>', bCrlf);
sbHtmlBody.appendLine('<img alt="" src="cid:starfish"><br>', bCrlf);
sbHtmlBody.appendLine('<img alt="" src="cid:hedgehogs"><br>', bCrlf);
sbHtmlBody.appendLine('</font>', bCrlf);
sbHtmlBody.appendLine('</body>', bCrlf);
sbHtmlBody.appendLine('</html>', bCrlf);
// Load the image files.
final jpgStarfish = CkBinData();
jpgStarfish.loadFile('qa_data/jpg/starfish.jpg');
final jpgHedgeHogs = CkBinData();
jpgHedgeHogs.loadFile('qa_data/jpg/hedgehogs.jpg');
// The body of the POST request contains JSON that specifies the email subject, body,
// recipients, etc. This example will build the following JSON HTML email:
//
// {
// "message": {
// "subject": "Sample HTML Email with Embedded Images",
// "body": {
// "contentType": "html",
// "content": "The HTML body goes here..."
// },
// "toRecipients": [
// {
// "emailAddress": {
// "name": "Chilkat Software",
// "address": "admin@chilkat.io"
// }
// },
// {
// "emailAddress": {
// "address": "chilkat.support@gmail.com"
// }
// }
// ],
// "ccRecipients": [
// {
// "emailAddress": {
// "name": "Chilkat Blog",
// "address": "admin@cknotes.com"
// }
// }
// ],
// "attachments": [
// {
// "@odata.type": "#microsoft.graph.fileAttachment",
// "name": "starfish.jpg",
// "contentType": "image/jpeg",
// "size": 6497,
// "isInline": true,
// "contentId": "starfish",
// "contentLocation": null,
// "contentBytes": "base64_data_here"
// },
// {
// "@odata.type": "#microsoft.graph.fileAttachment",
// "name": "hedgehogs.jpg",
// "contentType": "image/jpeg",
// "size": 48845,
// "isInline": true,
// "contentId": "hedgehogs",
// "contentLocation": null,
// "contentBytes": "base64_data_here"
// }
// ]
// },
// "saveToSentItems": true
// }
//
// Build the above JSON.
final json = CkJsonObject();
json.updateString('message.subject', 'Sample HTML Email with Embedded Images');
json.updateString('message.body.contentType', 'html');
json.updateString('message.body.content', sbHtmlBody.getAsString());
json.updateString('message.toRecipients[0].emailAddress.name', 'Chilkat Software');
json.updateString('message.toRecipients[0].emailAddress.address', 'admin@chilkat.io');
json.updateString('message.toRecipients[1].emailAddress.address', 'chilkat.support@gmail.com');
json.updateString('message.ccRecipients[0].emailAddress.name', 'Chilkat Blog');
json.updateString('message.ccRecipients[0].emailAddress.address', 'admin@cknotes.com');
json.updateString('message.attachments[0]."@odata.type"', '#microsoft.graph.fileAttachment');
json.updateString('message.attachments[0].name', 'starfish.jpg');
json.updateString('message.attachments[0].contentType', 'image/jpeg');
json.updateInt('message.attachments[0].size', jpgStarfish.numBytes);
json.updateBool('message.attachments[0].isInline', true);
// This contentId must match the "cid:" in the HTML
json.updateString('message.attachments[0].contentId', 'starfish');
json.updateNull('message.attachments[0].contentLocation');
json.updateBd('message.attachments[0].contentBytes', 'base64', jpgStarfish);
json.updateString('message.attachments[1]."@odata.type"', '#microsoft.graph.fileAttachment');
json.updateString('message.attachments[1].name', 'hedgehogs.jpg');
json.updateString('message.attachments[1].contentType', 'image/jpeg');
json.updateInt('message.attachments[1].size', jpgHedgeHogs.numBytes);
json.updateBool('message.attachments[1].isInline', true);
// This contentId must match the "cid:" in the HTML
json.updateString('message.attachments[1].contentId', 'hedgehogs');
json.updateNull('message.attachments[1].contentLocation');
json.updateBd('message.attachments[1].contentBytes', 'base64', jpgHedgeHogs);
json.updateBool('saveToSentItems', true);
// -------------------------------------------------------------
// Important: This example requires Chilkat v9.5.0.68 or greater.
// -------------------------------------------------------------
// Send the HTTP POST (i.e. send the HTML email)
final resp = CkHttpResponse();
try {
http.httpJson('POST', 'https://graph.microsoft.com/v1.0/me/sendMail', json, 'application/json', resp);
} on ChilkatException catch (e) {
print(e.lastErrorText);
return;
}
// The send succeeded if the response status code = 202.
// In the success case, there is no response body. (We just get the response code to know that it succeeded.)
if (resp.statusCode != 202) {
json.load(resp.bodyStr);
json.emitCompact = false;
print(json.emit());
print('Failed, response status code = ${resp.statusCode}');
} else {
print('Outlook HTML Mail Sent.');
}
}