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

Flickr Integration

Flickr provides 1,000GB of free photos and video storage to over 92 million users. Users can upload, access, organize and share their images from any device. Bloggers and researchers frequently use the service to host images embedded in social media. Filestack makes it simple for users to upload their Flickr pictures to your site.

Current Worldwide Users: 92,000,000

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

Users can select files from Flickr that match these broad file type categories: Only image files are selectable

API OAUTH Webhooks

Using the Flickr API

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

Flickr api upload widget

Upload to Flickr

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

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

Download to Flickr

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

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

Sample Image Conversion Code for Flickr

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

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

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

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

Create your own Flickr OAuth application to Connect to Filestack:

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

Flickr Webhooks for Your Application

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

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

File Upload (symlink):

File Upload (with store):

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