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

Google Drive Integration

Google Drive is the name of Google's cloud storage and file syncronization service, but it also serves as the repository for office documents created using Google Docs, Sheets, and Slides. On top of that, user's photos from Google+ and Google Photos are now stored and accessible from Google Drive. With over 240 million active users, Google Drive is a massive service that offers a great deal of functionality. Make Google Drive work for you with Filestack.

Current Worldwide Users: 240,000,000

Uploads from the Google Drive API support the following types of files:

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

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

Google Drive api upload widget

Upload to Google Drive

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

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

Download to Google Drive

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

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

Sample Image Conversion Code for Google Drive

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

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

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

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

Create your own Google Drive OAuth application to Connect to Filestack:

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

Google Drive Webhooks for Your Application

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

Here are some examples of the webhooks for uploads from Google Drive:

File Upload (symlink):

File Upload (with store):

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