Sample code for 30+ languages & platforms
JavaScript

Frame.io - Upload an Asset

See more Frame.io Examples

Upload an asset to Frame.io
Note
This example is intended for running within a Chilkat.Js embedded JavaScript engine. All Chilkat JavaScript examples require Chilkat v11.4.0 or greater.
JavaScript
var success = false;

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

var http = new CkHttp();

// Implements the following CURL command:

// curl --request POST \
//   --url https://api.frame.io/v2/assets/<ASSET_ID>/children \
//   --header 'authorization: Bearer <FRAME_IO_DEV_TOKEN>' \
//   --header 'content-type: application/json' \
//   --data '{"filesize":1570024 ,"filetype":"video/mp4","name":"rotating_earth","type":"file"}'

// Use the following online tool to generate HTTP code from a CURL command
// Convert a cURL Command to HTTP Source Code

// Use this online tool to generate code from sample JSON:
// Generate Code to Create JSON

// The following JSON is sent in the request body.

// {
//   "filesize": 1570024,
//   "filetype": "video/mp4",
//   "name": "rotating_earth",
//   "type": "file"
// }

var localFilePath = "qa_data/mp4/rotating_earth.mp4";
var fac = new CkFileAccess();
var fileSize = fac.FileSize(localFilePath);

var json = new CkJsonObject();
json.UpdateInt("filesize",fileSize);
json.UpdateString("filetype","video/mp4");
json.UpdateString("name","rotating_earth7");
json.UpdateString("type","file");

http.SetRequestHeader("content-type","application/json");
// Adds the "Authorization: Bearer <FRAME_IO_DEV_TOKEN>" header.
http.AuthToken = "<FRAME_IO_DEV_TOKEN>";

// Uploading to asset ID: 039845e8-bffe-4d6b-88d3-c780bae06342
var resp = new CkHttpResponse();
success = http.HttpJson("POST","https://api.frame.io/v2/assets/039845e8-bffe-4d6b-88d3-c780bae06342/children",json,"application/json",resp);
if (success == false) {
    console.log(http.LastErrorText);
    return;
}

var sbResponseBody = new CkStringBuilder();
resp.GetBodySb(sbResponseBody);
var jResp = new CkJsonObject();
jResp.LoadSb(sbResponseBody);
jResp.EmitCompact = false;

console.log("Response Body:");
console.log(jResp.Emit());

var respStatusCode = resp.StatusCode;
console.log("Response Status Code = " + respStatusCode);
if (respStatusCode >= 400) {
    console.log("Response Header:");
    console.log(resp.Header);
    console.log("Failed.");
    return;
}

// Upload in chunks to the pre-signed S3 upload URLs.
// There are ways to do this in parallel, but for simplicity we'll show how to upload
// one chunk after another.
var numChunks = jResp.SizeOfArray("upload_urls");
var sizePerChunk = (fileSize+numChunks - 1) / numChunks;

console.log("numChunks = " + numChunks);
console.log("sizePerChunk = " + sizePerChunk);

success = fac.OpenForRead(localFilePath);
if (success == false) {
    console.log(fac.LastErrorText);
    return;
}

var bd = new CkBinData();
var httpForUpload = new CkHttp();

httpForUpload.SetRequestHeader("x-amz-acl","private");

var i = 0;
while ((i < numChunks)) {
    bd.Clear();
    success = fac.ReadBlockBd(i,sizePerChunk,bd);

    jResp.I = i;
    var uploadUrl = jResp.StringOf("upload_urls[i]");

    // Send the chunk in a PUT:

    console.log("PUT chunk " + (i+1));
    console.log("URL: " + uploadUrl);

    // PUT https://frameio-uploads-production.s3/etc/etc
    // Content-Type: video/mp4
    // x-amz-acl: private
    success = httpForUpload.HttpBd("PUT",uploadUrl,bd,"video/mp4",resp);
    if (success == false) {
        console.log(httpForUpload.LastErrorText);
        return;
    }

    console.log("response status: " + resp.StatusCode);

    i = i+1;
}

fac.FileClose();

console.log("File uploaded.");