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

CloudApp Integration

CloudApp enables approximately 2 million users to share screenshots, documents, and audio directly from Photoshop, Sketch and other apps. Users can make notes on their screenshots and pages, and then easily share them with coworkers. Filestack lets Cloudapp users effortlessly upload any screenshot to your website.

Current Worldwide Users: 2,000,000

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

Users can select files from CloudApp 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 CloudApp API

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

CloudApp api upload widget

Upload to CloudApp

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

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

Download to CloudApp

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

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

Sample Image Conversion Code for CloudApp

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 CloudApp and use the Javascript API convert method to resize the image to 400w by 400h in pixels.

Sample Conversion Code
filepicker.pick( { services: ['CLOUDAPP'], 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 CloudApp

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

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

Create your own CloudApp OAuth application to Connect to Filestack:

By default, you do not need to configure anything to start uploading files from CloudApp, Filestack is ready to go out of the box. When a user logs into their CloudApp 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 Custom OAuth Applications for CloudApp are currently not supported by Filestack..

CloudApp Webhooks for Your Application

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

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

File Upload (symlink):

File Upload (with store):

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