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 Gmail with Filestack

How can you use Gmail with Filestack?

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

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

Setting up a Custom Gmail oauth application

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

  1. Go to and sign into your google account. Now click create project, give the project a name and click create.
  2. create a new project in your google account
  3. Use the side menu to select Credentials under Apis and auth, then click Add Credentials and select OAuth 2.0 Client ID.
    click Credentials under Apis and auth
    click Add Credentials and select OAuth 2.0 Client ID
  4. On the next page click Configure consent screen. Product name is the only required field for the consent screen. Enter the information you want to display and click save.
    click Configure consent screen
    enter the information you want displayed on the consent screen
  5. Now you can select your application type. Select Web Application and enter in the Authorized redirect URIs field, and click create. You will be presented with your client ID and client secret. Copy these.
    select Web Application as the application type
    Copy your client ID and client secret
  6. Now go to the Filestack developer portal and click on Auth Keys, scroll down to the bottom and enter the client ID and the client secret into the Gmail fields for App Key and App Secret and click Save Auth Credentials.
    enter the App Key and App Secret for your app in the Filestack developer portal
  7. Go and test that you can connect to your Gmail application through Filestack.
    Test that your application works, you should see the consent screen you configured
    Congratulations, your Gmail application works

Congratulations! Your custom Gmail application is all set up for use with Filestack!