React Native

Create a multipart/related MIME Entity

Demonstrates the Chilkat Mime.NewMultipartRelated method, which initializes the object as an empty multipart/related entity. It takes no arguments; the primary part and its related resources are then appended.

Note: The file paths are relative to the application's current working directory. Absolute paths may also be used. Supply the paths appropriate to your own environment.

Background: multipart/related ties a primary part to the resources it references — most commonly an HTML body and the inline images it embeds via cid: references. Unlike a plain attachment, a related image is displayed within the message rather than listed separately. The HTML part comes first, followed by each referenced resource with a matching Content-ID.

Chilkat React Native Downloads

Download Chilkat for React Native

React Native

import { Mime } from '@chilkat/react-native'

function chilkatExample() {
  // Demonstrates the Mime.NewMultipartRelated method, which initializes the object as an empty
  // multipart/related entity, clearing any existing content.  It takes no arguments.

  const mime = new Mime();

  try {
    mime.newMultipartRelated();
  } catch {
    console.log(mime.lastErrorText);
    return;
  }

  // multipart/related groups a primary part with the resources it references, such as an HTML body
  // and the inline images it displays.
  const htmlPart = new Mime();
  try {
    htmlPart.setBodyFromHtml('<html><body><img src="cid:logo"></body></html>');
  } catch {
    console.log(htmlPart.lastErrorText);
    return;
  }

  try {
    mime.appendPart(htmlPart);
  } catch {
    console.log(mime.lastErrorText);
    return;
  }

  try {
    mime.appendPartFromFile('qa_data/logo.png');
  } catch {
    console.log(mime.lastErrorText);
    return;
  }

  console.log(`Number of parts: ${mime.numParts}`);
}