React Native

Azure Storage: Upload Binary Data to Block Blob using BinData

See more Azure Cloud Storage Examples

Sample code to upload binary bytes (contained in a Chilkat BinData object) to a block blob in Azure Cloud Storage. This creates the block blob, or replaces an existing block blob.

Note: The maximum size of a block blob created by uploading in a single step is 64MB. For larger files, the upload must be broken up into blocks. There is another Chilkat example for that..

React Native

import { AuthAzureStorage, BinData, Rest, StringBuilder } from '@chilkat/react-native'

async function chilkatExample() {
  // Azure Blob Service Example: Upload binary bytes to a block blob.
  // This creates a new block blob or replaces an existing one in its entirety.
  // See also: https://msdn.microsoft.com/en-us/library/azure/dd179451.aspx

  // This example requires the Chilkat API to have been previously unlocked.
  // See Global Unlock Sample for sample code.

  const rest = new Rest();

  // Connect to the Azure Storage Blob Service
  const bTls = true;
  const port = 443;
  const bAutoReconnect = true;
  // In this example, the storage account name is "chilkat".
  try {
    await rest.connectAsync('chilkat.blob.core.windows.net', port, bTls, bAutoReconnect);
  } catch {
    console.log(rest.lastErrorText);
    return;
  }

  // Provide Azure Cloud credentials for the REST call.
  const azAuth = new AuthAzureStorage();
  azAuth.accessKey = 'AZURE_ACCESS_KEY';
  // The account name used here should match the 1st part of the domain passed in the call to Connect (above).
  azAuth.account = 'chilkat';
  azAuth.scheme = 'SharedKey';
  azAuth.service = 'Blob';
  // This causes the "x-ms-version: 2021-08-06" header to be automatically added.
  azAuth.xMsVersion = '2021-08-06';
  rest.setAuthAzureStorage(azAuth);

  // Note: The application does not need to explicitly set the following
  // headers: Content-Length, x-ms-date, Authorization.  These headers
  // are automatically set by Chilkat.

  // IMPORTANT: Make sure to set the x-ms-blob-type header:
  rest.addHeader('x-ms-blob-type', 'BlockBlob');

  // For this example, we'll just load a JPG file into memory..
  const bd = new BinData();
  try {
    bd.loadFile('qa_data/jpg/starfish.jpg');
  } catch {
    console.log('Failed to load the file to be uploaded.');
    return;
  }

  // Note: The maximum size of a block blob created by uploading in a single step is 64MB.  
  // For larger files, the upload must be broken up into blocks.  There is another Chilkat example for that..
  const sbResponseBody = new StringBuilder();
  try {
    await rest.fullRequestBdAsync('PUT', '/mycontainer/starfish.jpg', bd, sbResponseBody);
  } catch {
    console.log(rest.lastErrorText);
    return;
  }

  // When successful, the Azure Storage service will respond with a 201 response status code,
  // with no response body.

  if (rest.responseStatusCode !== 201) {
    // 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): ${sbResponseBody.getAsString()}`);
    console.log('---');
    console.log(`LastRequestStartLine: ${rest.lastRequestStartLine}`);
    console.log(`LastRequestHeader: ${rest.lastRequestHeader}`);
    return;
  }

  console.log('Success.');
}