React Native

Add XMP MetaData to JPG or TIFF

See more XMP Examples

Demonstrates how to add XMP metadata to a JPG or TIFF image that doesn't already have XMP metadata. React Native

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

function chilkatExample() {
  // This example assumes the Chilkat API to have been previously unlocked.
  // See Global Unlock Sample for sample code.

  const xmp = new Xmp();

  // The first step is to create a new XMP document, which is nothing
  // more than XML.  The NewXmp method returns an XML document with
  // the standard XMP boilerplate.  
  const xml = xmp.newXmp();

  // Add some properties...
  xmp.addSimpleStr(xml, 'Iptc4xmpCore:Chilkat', 'Blah blah');
  // If you wish to view the XML, save it to a file and review it
  // with a text editor:
  try {
    xml.saveXml('newXmp.xml');
  } catch {
    console.log(xml.lastErrorText);
    return;
  }

  // To add the XMP to the JPG (or TIFF), simply load the JPG,
  // append the XMP, and save:
  try {
    xmp.loadAppFile('scream.jpg');
  } catch {
    console.log(xmp.lastErrorText);
    return;
  }

  try {
    xmp.append(xml);
  } catch {
    console.log(xmp.lastErrorText);
    return;
  }

  try {
    xmp.saveAppFile('screamOut.jpg');
  } catch {
    console.log(xmp.lastErrorText);
    return;
  }
}