React Native

Upload String to Dropbox

See more Dropbox Examples

Uploads a string to a file on Dropbox. This example can upload content up to 150MB, assuming a 150MB string fits in memory for your app. Larger files must be uploaded with an upload session (upload_session/start). React Native

import { CkDateTime, DtObj, JsonObject, Rest } from '@chilkat/react-native'

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

  // A Dropbox access token should have been previously obtained.
  // Dropbox access tokens do not expire.
  // See Dropbox Access Token.

  const rest = new Rest();

  // Connect to Dropbox
  try {
    await rest.connectAsync('content.dropboxapi.com', 443, true, true);
  } catch {
    console.log(rest.lastErrorText);
    return;
  }

  // Add request headers.
  rest.addHeader('Content-Type', 'application/octet-stream');
  rest.addHeader('Authorization', 'Bearer DROPBOX_ACCESS_TOKEN');

  // The upload "parameters" contained in JSON passed in an HTTP request header.
  // This is the JSON to be added in this example:
  // { 
  //    "path": "/jack.txt",
  //    "mode": "add",
  //    "autorename": true,
  //    "mute": false
  // }

  // This will be the content of the file created in Dropbox.
  const content = 'All work and no play makes Jack a dull boy';

  const json = new JsonObject();
  json.appendString('path', '/jack.txt');
  json.appendString('mode', 'add');
  json.appendBool('autorename', true);
  json.appendBool('mute', false);
  rest.addHeader('Dropbox-API-Arg', json.emit());

  // Do the upload.  The URL is https://content.dropboxapi.com/2/files/upload.
  // We already connected to content.dropboxapi.com using TLS (i.e. HTTPS),
  // so now we only need to specify the path "/2/files/upload".

  let responseStr: string;
  try {
    responseStr = await rest.fullRequestStringAsync('POST', '/2/files/upload', content);
  } catch {
    console.log(rest.lastErrorText);
    return;
  }

  // When successful, Dropbox responds with a 200 response code.
  if (rest.responseStatusCode !== 200) {
    // Examine the request/response to see what happened.
    console.log(`response status code = ${rest.responseStatusCode}`);
    console.log(`response status text = ${rest.responseStatusText}`);
    console.log(`response header: ${rest.responseHeader}`);
    console.log(`response body (if any): ${responseStr}`);
    console.log('---');
    console.log(`LastRequestStartLine: ${rest.lastRequestStartLine}`);
    console.log(`LastRequestHeader: ${rest.lastRequestHeader}`);
    return;
  }

  console.log(`LastRequestHeader: ${rest.lastRequestHeader}`);

  // The response is JSON.
  const jsonResp = new JsonObject();
  jsonResp.emitCompact = false;
  jsonResp.load(responseStr);

  // Show the JSON response.
  console.log(jsonResp.emit());

  // Returns JSON that looks like this:
  // { 
  //  "name": "jack.txt",
  //  "path_lower": "/jack.txt",
  //  "path_display": "/jack.txt",
  //  "id": "id:yqx4-tE_NKAAAAAAAAAAAQ",
  //  "client_modified": "2016-06-02T20:42:11Z",
  //  "server_modified": "2016-06-02T20:42:11Z",
  //  "rev": "8482db15f",
  //  "size": 42
  // }

  // Sample code to get data from the JSON response:
  const size = jsonResp.intOf('size');
  console.log(`size = ${size}`);

  const rev = jsonResp.stringOf('rev');
  console.log(`rev = ${rev}`);

  const clientModified = jsonResp.stringOf('client_modified');
  const ckdt = new CkDateTime();
  ckdt.setFromTimestamp(clientModified);
  const bLocalTime = true;
  const dt = new DtObj();
  ckdt.toDtObj(bLocalTime, dt);

  console.log(`${dt.day}/${dt.month}/${dt.year} ${dt.hour}:${dt.minute}`);
}