React Native

Add Files to a ZIP Using AddFile

See more Zip Examples

This example demonstrates how to use the AddFile method to add files from the local filesystem to a ZIP archive.

The example adds two files:

• One file with its relative directory path preserved
• One file stored using only its filename

The AddFile method adds references to local filesystem files. The files are not actually read or compressed until a Write* method is called.

React Native

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

async function chilkatExample() {
  const zip = new Zip();

  try {
    zip.newZip('addFileExample.zip');
  } catch {
    console.log(zip.lastErrorText);
    return;
  }

  // Add a file and preserve its relative directory structure
  // within the ZIP archive.
  // 
  // The following file:
  //     c:/projects/app/docs/readme.txt
  // 
  // Will be stored in the ZIP as:
  //     projects/app/docs/readme.txt
  // 
  let saveExtraPath = true;
  try {
    zip.addFile('c:/projects/app/docs/readme.txt', saveExtraPath);
  } catch {
    console.log(zip.lastErrorText);
    return;
  }

  // Add a file using only the filename in the ZIP archive.
  // 
  // The following file:
  //     c:/temp/logo.png
  // 
  // Will be stored in the ZIP as:
  //     logo.png
  // 
  saveExtraPath = false;
  try {
    zip.addFile('c:/temp/logo.png', saveExtraPath);
  } catch {
    console.log(zip.lastErrorText);
    return;
  }

  // Write the ZIP archive to disk and close it.
  // The source files are consumed at this time.
  try {
    await zip.writeZipAndCloseAsync();
  } catch {
    console.log(zip.lastErrorText);
    return;
  }

  console.log('ZIP archive created successfully.');
}