React Native

Read/Write JSON with Binary Data such as JPEG Files

See more JSON Examples

Demonstrates how binary files could be stored in JSON in base64 format. Creates JSON containing the contents of a JPG file, and then reads the JSON to extract the JPEG image. React Native

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

function chilkatExample() {
  // First load a small JPG file..
  const bd = new BinData();

  bd.loadFile('qa_data/jpg/starfish20.jpg');
  // Assume success, but your code should check for success..

  // Create JSON containing the binary data in base64 format.
  const json1 = new JsonObject();
  json1.updateBd('starfish', 'base64', bd);

  const jsonStr = json1.emit();
  console.log(jsonStr);

  // Here's the output:
  // {"starfish":"/9j/4AAQSkZJRgA ... cN2iuLFsCEbDGxQkI6RO/n//2Q=="}

  // Let's create a new JSON object, load it with the above JSON, and extract the JPG image..
  const json2 = new JsonObject();
  json2.load(jsonStr);

  // Get the binary bytes.
  const bd2 = new BinData();
  json2.bytesOf('starfish', 'base64', bd2);

  // Save to a file.
  bd2.writeFile('qa_output/starfish20.jpg');

  console.log('Success.');
}