React Native

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).

Chilkat React Native Downloads

Download Chilkat for React Native

React Native

import { BinData, Email, StringBuilder } from '@chilkat/react-native'

function chilkatExample() {
  // 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.

  const email = new Email();
  email.subject = 'Related image from BinData';

  // Load the image data from a file into a BinData object.
  const bdImage = new BinData();
  try {
    bdImage.loadFile('qa_data/images/logo.png');
  } catch {
    console.log(bdImage.lastErrorText);
    return;
  }

  // Add the image as a related item; capture its generated Content-ID.
  let cid: string;
  try {
    cid = email.addRelatedBd('logo.png', bdImage);
  } catch {
    console.log(email.lastErrorText);
    return;
  }

  // Reference the related item in the HTML body by its Content-ID.
  const sbHtml = new StringBuilder();
  sbHtml.append('<html><body><img src="cid:PLACEHOLDER_CID"/></body></html>');
  const 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.
}