React Native

Upload a Directory Tree to an FTP Server

Demonstrates the Chilkat Ftp2.PutTree method, which uploads a local directory tree into the current remote directory, creating remote subdirectories as needed. The only argument is the local directory; its contents become children of the current remote directory.

Note: The local 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: The upload counterpart to DownloadTree — recursively push a local folder to the server, building the remote directory structure along the way, which is how you publish a website or deploy a build in one operation. It uploads everything selected; when you want to transfer only what has changed, reach for SyncRemoteTree instead.

Chilkat React Native Downloads

Download Chilkat for React Native

React Native

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

async function chilkatExample() {
  // Demonstrates the Ftp2.PutTree method, which uploads a local directory tree into the current
  // remote directory, creating remote subdirectories as needed.  The only argument is the local
  // directory.

  const ftp = new Ftp2();

  ftp.hostname = 'ftp.example.com';
  ftp.username = 'myFtpLogin';

  // Normally you would not hard-code the password in source.  You should instead obtain it
  // from an interactive prompt, environment variable, or a secrets vault.
  ftp.password = 'myPassword';

  try {
    await ftp.connectAsync();
  } catch {
    console.log(ftp.lastErrorText);
    return;
  }

  try {
    await ftp.changeRemoteDirAsync('public_html');
  } catch {
    console.log(ftp.lastErrorText);
    return;
  }

  // The contents of the local directory become children of the current remote directory.
  try {
    await ftp.putTreeAsync('qa_data/site');
  } catch {
    console.log(ftp.lastErrorText);
    return;
  }

  console.log('Directory tree uploaded.');

  try {
    await ftp.disconnectAsync();
  } catch {
    console.log(ftp.lastErrorText);
    return;
  }
}