Filepicker

Getting Started

Filepicker Architecture

File Upload

File Export (Save To)

File Processing

Storage

Security

CDN

Filepicker Integrations

Caching

Filepicker Viewer (new)

Webhooks (new)

Supported Cloud Drives

Filepicker Recipes (new)

Filepicker SDKs (new)

Knowledge Base

Register for an API key

Filepicker Documentation / Getting started

With Filepicker, your website suddenly got a whole lot more powerful - import content from Dropbox, save a photo back to Facebook, all without having to deal with OAuth or server-side APIs.

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

Quickstart

First things first, you need to Register for an API key

To integrate Filepicker 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"
src="//api.filepicker.io/v2/filepicker.js"></script>

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

Code
<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:")+"//api.filepicker.io/v2/filepicker.js";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);
</script>