React Native

Insert PDF as Base64 into XML, then Extract back to PDF File

See more XML Examples

Demonstrates how to insert any file into XML using base64 encoding, and then extract back to the original file. This example embeds a PDF in the XML, but the type of file does not matter. It can be any type of file. React Native

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

function chilkatExample() {
  // Load our PDF file.
  const bd = new BinData();
  try {
    bd.loadFile('qa_data/helloWorld.pdf');
  } catch {
    console.log('Failed to load PDF file.');
    return;
  }

  // Load the following XML:
  // 
  // <?xml version="1.0" encoding="utf-8" ?>
  // <something>
  //     <xyz>
  //         <abc123>A base64 encoded PDF file will be inserted under this node.</abc123>
  //     </xyz>
  // </something>

  const xml = new Xml();
  try {
    xml.loadXmlFile('qa_data/xml/xmlToContainPdf.xml');
  } catch {
    console.log('Failed to load XML file.');
    return;
  }

  // Insert the PDF into the XML.
  xml.newChild2('xyz|pdfData', bd.getEncoded('base64'));

  // Show the new XML:
  console.log(xml.getXml());

  // The XML now looks like this:
  // <?xml version="1.0" encoding="utf-8" ?>
  // <something>
  //     <xyz>
  //         <abc123>A base64 encoded PDF file will be inserted under this node.</abc123>
  //         <pdfData>JVBERi0xL ... UlRU9GCg==</pdfData>
  //     </xyz>
  // </something>

  // To extract the PDF data out and restore the PDF file:
  const bd2 = new BinData();
  bd2.appendEncoded(xml.getChildContent('xyz|pdfData'), 'base64');
  bd2.writeFile('qa_output/helloWorld.pdf');

  console.log('Success.');
}