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

Using Google Drive with Filestack

How can you use Google Drive with Filestack?

This is all you need to get started. A simple pick.

Sample Code
filepicker.pick( { mimetypes: ['*/*'], container: 'modal', services:['GOOGLE_DRIVE'], }, function(Blob){ console.log(replaceHtmlChars(JSON.stringify(Blob))); }, function(FPError){ // console.log(FPError.toString()); - print errors to console } );

Setting up a Custom Google Drive oauth application

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. So let's get started.

This video walks through the steps listed below

  1. Go to and choose Create New Project.
  2. Choose Create New Project in your google account
  3. Click on the name of the project you just created. You should now see the project dashboard.
    Click on the name of the project to access the dashboard
  4. Under API's & auth click on APIs. Find the Drive API link and click it.
    Find the Drive API link and click on it
  5. Turn Drive API ON.
    Turn the Drive API ON
  6. Click on Credentials in the menu under APIs and select Create new Client ID under Oauth.
    select Create new Cient ID under Oauth
  7. Select Web Application and click Configure Consent Screen.
    select Web Application and click on Configure Consent Screen
  8. Design your consent screen.
    enter the information you want on the consent screen for your application
  9. Once you hit save you will be brought back to the credentials section and the create Client ID dialog window. Keep application type as Web Application and enter for Authorized Javascript Origins and for Authorized Redirect URIs. Replace and with these urls.
    enter the Authorized Javascript Origin and Redirect URI for the application
  10. Now your Client ID and Client Secret have been created, copy these two and head to your Filestack Developer Portal
    copy the Client ID and Client Secret and go to the Filestack developer portal
  11. In your Filestack developer portal click on Auth Keys under Credentials and scroll down to find the Google Drive App Key and App Secret. Enter your Client ID in the Gdrive App Key field and your Client Secret in the Gdrive App Secret field. Then click Save Auth Credentials at the bottom of the page.
    Scroll down in the Auth section until you see Google Drive
    Enter the App Key and App Secret in the Filestack developer portal
  12. Test your Google Drive implementation by launching the filestack dialog and connecting to google drive:
    Click connect to Google Drive in the Filestack dialog
    The filestack connecting screen
    Agree to the consent screen you configured
    Congratulations, your application works

Congratulations! You have successfully connected Filestack with Google Drive using oauth.