React Native

Upload Binary File from Memory

See more Google Drive Examples

This example demonstrates how to upload a binary file from memory. It uploads the file to a subdirectory of our choosing. React Native

import { AuthGoogle, Cache, FileAccess, JsonArray, 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.

  // This example uses a previously obtained access token having permission for the 
  // Google Drive scope.

  const gAuth = new AuthGoogle();
  gAuth.accessToken = 'GOOGLE-DRIVE-ACCESS-TOKEN';

  const rest = new Rest();

  // Connect using TLS.
  const bAutoReconnect = true;
  await rest.connectAsync('www.googleapis.com', 443, true, bAutoReconnect);

  // Provide the authentication credentials (i.e. the access token)
  rest.setAuthGoogle(gAuth);

  // -------------------------------------------------------------------------
  // A multipart upload to Google Drive needs a multipart/related Content-Type
  rest.addHeader('Content-Type', 'multipart/related');

  // Specify each part of the request.

  // The 1st part is JSON with information about the file.
  rest.partSelector = '1';
  rest.addHeader('Content-Type', 'application/json; charset=UTF-8');

  // Construct the JSON that will contain the metadata about the file data to be uploaded...
  const json = new JsonObject();
  json.appendString('name', 'hedgehogs.jpg');
  json.appendString('description', 'A cute photo of two hedgehogs.');
  json.appendString('mimeType', 'image/jpeg');

  // To place the file in a folder, we must add a parents[] array to the JSON
  // and add the folder ID.  
  // In a previous example (see Build Local Metadata Cache
  // we built a local cache to make it easy to lookup file IDs given a file path.
  // Let's find the file ID for the folder "testFolder/abc/123"
  const gdCache = new Cache();
  gdCache.level = 0;
  gdCache.addRoot('C:/ckCache/googleDrive');

  let folderId: string;
  try {
    folderId = gdCache.fetchText('testFolder/abc/123');
  } catch {
    console.log('Filepath not found in cache.');
    return;
  }

  const parents = new JsonArray();
  json.appendArray2('parents', parents);

  parents.addStringAt(-1, folderId);

  rest.setMultipartBodyString(json.emit());

  // The 2nd part is the file content, which will contain the binary image data.
  rest.partSelector = '2';
  rest.addHeader('Content-Type', 'image/jpeg');

  const fac = new FileAccess();
  // Read a JPG file from the local filesystem.
  const jpgBytes = fac.readEntireFile('qa_data/jpg/hedgehogs.jpg');

  // Add the bytes to our upload
  rest.setMultipartBodyBinary(jpgBytes);

  let jsonResponse: string;
  try {
    jsonResponse = await rest.fullRequestMultipartAsync('POST', '/upload/drive/v3/files?uploadType=multipart');
  } catch {
    console.log(rest.lastErrorText);
    return;
  }

  // A successful response will have a status code equal to 200.
  if (rest.responseStatusCode !== 200) {
    console.log(`response status code = ${rest.responseStatusCode}`);
    console.log(`response status text = ${rest.responseStatusText}`);
    console.log(`response header: ${rest.responseHeader}`);
    console.log(`response JSON: ${jsonResponse}`);
    return;
  }

  // Show the JSON response.
  json.load(jsonResponse);

  // Show the full JSON response.
  json.emitCompact = false;
  console.log(json.emit());

  // A successful response looks like this:
  // {
  //   "kind": "drive#file",
  //   "id": "0B53Q6OSTWYoldmJ0Z3ZqT2x5MFk",
  //   "name": "hedgehogs.jpg",
  //   "mimeType": "image/jpeg"
  // }

  // Get the fileId:
  console.log(`fileId: ${json.stringOf('id')}`);
}