Getting Started

Filestack Architecture

File Upload

File Export (Save To)

Responsive Images

Image Transformations

Document Transformations

Video Transcoding

Audio Transcoding





Filestack Viewer


Supported Cloud Drives

Filestack Recipes

Filestack Integrations

Filestack SDKs

Register for an API key

Box Integration

With over 37 million users, Box offers cloud storage, file sharing, collaboration and other productivity tools for working with files hosted on their servers. Box's largest clients include the likes of GE and Procter & Gamble. Box's Box Platform API is utilized by many large businesses such as Salesforce, Zoho and Netflix. As a business Box prides itself on security has been actively acquiring ground in more regulated and security conscious industries. Start using Box with Filestack today.

Current Worldwide Users: 37,000,000

Uploads from the Box API support the following types of files:

Users can select files from Box that match these broad file type categories: All file types are selectable. This includes audio, video, image, text, office, and compressed archive files.

API OAUTH Webhooks

Using the Box API

  1. User selects Box from services list
  2. user authenticates connection by logging into Box account
  3. user is connected and can select files from Box in Filestack dialog

Box api upload widget

Upload to Box

Uploading or "picking" a file from Box in the context of Filestack means choosing a file and creating a distributable link to that file where it exists in Box. This is the Filestack URL that all "Pick" functions return. If you are using the pickAndStore method, then the file from Box is copied to a new storage location.

Sample Upload Code
filepicker.pick( { mimetypes: ['*/*'], services:['BOX'], }, function(Blob){ console.log(replaceHtmlChars(JSON.stringify(Blob))); } );

Download to Box

Exporting a file to Box in the context of Filestack means saving a file from a url or Filestack Blob object to Box and creating a distributable link to that file where it exists in Box. This is the Filestack URL that the "export" function returns.

Sample Export Code
filepicker.exportFile( '', { mimetype:'*/*', suggestedFilename: 'newFile', services: ['BOX'] }, function(Blob){ console.log(Blob.url); } );

Sample Image Conversion Code for Box

If you have a Filestack Blob object or Filestack URL, then you can use the Filestack REST or Javascript APIs to convert office documents and image files. In the sample code below we "pick" an image file from Box and use the Javascript API convert method to resize the image to 400w by 400h in pixels.

Sample Conversion Code
filepicker.pick( { services: ['BOX'], mimetype: 'image/*', }, function(pickedBlob){ console.log("Conversion in progress...") filepicker.convert( pickedBlob, { width: 400, height: 400, }, { location: 'S3' }, function(convertedBlob){ console.log("Converted file url: ", convertedBlob.url); console.log("File is stored under your S3: ", convertedBlob.key); filepicker.remove( pickedBlob, function(){ console.log("Removed"); } ); } ); } );

Combining Filestack Functions for Box

Now let's combine these methods and see what you can achieve with Filestack and Box! Here we pick an image from Box, crop and resize it, then save it back into Box.

Sample Multi-Function Code
filepicker.pick( { services: ['BOX'], mimetype: 'image/*', }, function (Blob) { filepicker.convert( Blob, { width: 300, height: 300, crop_first: true }, function (converted_Blob) { filepicker.exportFile(converted_Blob.url, { services: ['BOX'], mimetype: Blob.mimetype, suggestedFilename: 'converted_' + Blob.filename }, function (exported_Blob) { console.log('File successfully saved!'); }); }); });

Create your own Box OAuth application to Connect to Filestack:

By default, you do not need to configure anything to start uploading files from Box, Filestack is ready to go out of the box. When a user logs into their Box account from your site, the Filestack company application will show up. You can configure it so that your application shows up instead in order to make a more seamless experience for your customers. Click here to learn How to create a Box OAuth Application.

Box Webhooks for Your Application

You can be notified about all file uploads and conversions from all cloud services Filestack connects to. This includes Box. Follow this link to find out more about how to use Filestack's Box webhooks.

Here are some examples of the webhooks for uploads from Box:

File Upload (symlink):

File Upload (with store):

File Export (save to):
  "action": "fp.export",
  "timestamp": 1444257665,
  "id": 142447,
    "source": "",
    "client": "BOX",
    "filename": "newFiletest.jpg",
    "created": ""