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

Getting started with Filestack

Welcome to Filestack, the Super API for file uploading, file management, and image transformations. You can easily add a File Uploader to your web or mobile app, integrate with cloud services such as Amazon S3, GoogleCloud, Microsoft Azure, Rackspace Cloud, and Dropbox, and connect your users to their files on Facebook, Dropbox, Instagram, Flickr, and lots more. Go here to see a complete list of the services we integrate with.

If you have an existing S3 bucket whose contents you would like to connect with Filestack, take a look at our S3 Import Tool.

Click the Quickstart button below to quickly create a Javascript widget for your app


To integrate Filestack files into your site, the first thing to do is include the library. Copy and paste this script into your page just before the </body> tag.

Javascript Library
<script type="text/javascript"

Filestack client library is also available as a bower dependency via:

$ bower install filepicker-js

And npm registry :

$ npm install filepicker-js --save

For advanced users, if you want to load the javascript in a non-blocking fashion, you can use this instead:

<script type="text/javascript">
(function(a){if(window.filepicker){return}var b=a.createElement("script");b.type="text/javascript";b.async=!0;b.src=("https:"===a.location.protocol?"https:":"http:")+"//";var c=a.getElementsByTagName("script")[0];c.parentNode.insertBefore(b,c);var d={};d._queue=[];var e="pick,pickMultiple,pickAndStore,read,write,writeUrl,export,convert,store,storeUrl,remove,stat,setKey,constructWidget,makeDropPane".split(",");var f=function(a,b){return function(){b.push([a,arguments])}};for(var g=0;g<e.length;g++){d[e[g]]=f(e[g],d._queue)}window.filepicker=d})(document);


Quick Links - What do you want to do?