JavaScript

Add a Related Item from a BinData Object

Demonstrates the Chilkat Email.AddRelatedBd method, which adds a related item (such as an inline image) using the contents of a BinData object, and returns the generated Content-ID. This example loads an image into a BinData, adds it, captures the Content-ID, and references it from the HTML body.

Background: This is the binary, Content-ID-based way to embed an inline resource — the right choice for images, whose bytes belong in a BinData rather than a string. Because Chilkat generates the Content-ID, the usual pattern is: add the item first, capture the returned ID, then build the matching <img src="cid:..."> reference from it (done here with a StringBuilder).

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;

//  Demonstrates the AddRelatedBd method, which adds a related item (such as an inline image)
//  using the contents of a BinData object, and returns the generated Content-ID.

var email = new CkEmail();
email.Subject = "Related image from BinData";

//  Load the image data from a file into a BinData object.
var bdImage = new CkBinData();
success = bdImage.LoadFile("qa_data/images/logo.png");
if (success == false) {
    console.log(bdImage.LastErrorText);
    return true;
}

//  Add the image as a related item; capture its generated Content-ID.
var cid = email.AddRelatedBd("logo.png",bdImage);
if (email.LastMethodSuccess == false) {
    console.log(email.LastErrorText);
    return true;
}

//  Reference the related item in the HTML body by its Content-ID.
var sbHtml = new CkStringBuilder();
sbHtml.Append("<html><body><img src=\"cid:PLACEHOLDER_CID\"/></body></html>");
var numReplaced = sbHtml.Replace("PLACEHOLDER_CID",cid);
email.SetHtmlBody(sbHtml.GetAsString());

console.log("NumRelatedItems = " + email.NumRelatedItems);

//  Note: The path "qa_data/images/logo.png" is a relative local filesystem path,
//  relative to the current working directory of the running application.