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

OneDrive Integration

Microsoft's OneDrive began life as Windows Live Folders (codename: SkyDrive) back in 2007. After a lawsuit with TV provider BSkyB, Microsoft changed the name of Skydrive to OneDrive in 2014. With over 250 million registered users, OneDrive is tightly integrated with the latest versions of Windows, but clients exist for other platforms as well. The service offers cloud storage and file hosting with file sync and backup options.

Current Worldwide Users: 250,000,000

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

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

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

OneDrive api upload widget

Upload to OneDrive

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

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

Download to OneDrive

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

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

Sample Image Conversion Code for OneDrive

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

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

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

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

Create your own OneDrive OAuth application to Connect to Filestack:

By default, you do not need to configure anything to start uploading files from OneDrive, Filestack is ready to go out of the box. When a user logs into their OneDrive 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 OneDrive OAuth Application.

OneDrive Webhooks for Your Application

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

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

File Upload (symlink):

File Upload (with store):

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