Filepicker.io Files on the Web

With Filepicker.io, 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.

Web integrations come in two flavors: If you're looking for something quick and easy, check out our HTML Widgets. If you want deep integrations and aren't afraid of getting your hands dirty, dive into the Javascript API.

iOS Documentation

Open Docs

Android Documentation

Open Docs

Getting Started

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

To integrate Filepicker.io 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.

<script type="text/javascript"
src="//api.filepicker.io/v1/filepicker.js"></script>
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:")+"//api.filepicker.io/v1/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>