JavaScript

Embed Image in HTML Email

Demonstrates how to create and send an HTML email with an embedded image.

Note

This example is intended for running within a Chilkat.Js embedded JavaScript engine. All Chilkat JavaScript examples require Chilkat v11.4.0 or greater.

JavaScript

var success = false;

// This example requires the Chilkat API to have been previously unlocked.
// See Global Unlock Sample for sample code.

// The mailman object is used for sending and receiving email.
var mailman = new CkMailMan();

// Set the SMTP server.
mailman.SmtpHost = "smtp.comcast.net";

// Create a new email object
var email = new CkEmail();

// Add an embedded image to the HTML email.
var fileOnDisk = "images/dude2.gif";
var filePathInHtml = "dudeAbc.gif";

// Embed the GIF image in the email.
success = email.AddRelatedFile2(fileOnDisk,filePathInHtml);
if (success !== true) {
    console.log(mailman.LastErrorText);
    return;
}

// The src attribute for the image tag is set to the filePathInHtml:
var htmlBody = "<html><body>Embedded Image:<br><img src=\"dudeAbc.gif\"></body></html>";

// Set the basic email stuff: HTML body, subject, "from", "to"
email.SetHtmlBody(htmlBody);
email.Subject = "JavaScript HTML email with an embedded image.";
success = email.AddTo("Admin","admin@chilkatsoft.com");
email.From = "Chilkat Support <support@chilkatsoft.com>";

success = mailman.SendEmail(email);
if (success !== true) {
    console.log(mailman.LastErrorText);
}
else {
    console.log("Mail Sent!");
}