Share Your Files in Seconds

The Filerobot Uploader is a multi-function Uploader that will make uploads super easy on your web and mobile applications. With few lines of code, you will get a state of the art Uploader and enable your users to upload media, files and any assets via Filerobot's reverse CDN. Files are stored into scalable and flexible Cloud storage, optimized and delivered over CDN to your end users rocket fast. Features include inline image editing, auto-tagging, auto-cropping and many more.

Live demo
Code

$ npm install @uppy/core @filerobot/file-explorer @uppy/instagram @uppy/facebook @uppy/google-drive @uppy/onedrive @uppy/dropbox @uppy/webcam @uppy/url @uppy/xhr-upload

import Uppy from '@uppy/core'
import FileExplorer from '@filerobot/file-explorer'
import Instagram from '@uppy/instagram'
import Facebook from '@uppy/facebook'
import GoogleDrive from '@uppy/google-drive'
import Dropbox from '@uppy/dropbox'
import OneDrive from '@uppy/onedrive'
import Webcam from '@uppy/webcam'
import Url from '@uppy/url'
import XHRUpload from '@uppy/xhr-upload'

Uppy.core({ debug: true })
  .use(FileExplorer, {
    target: '#demo',
    inline: true,
    replaceTargetContent: true,
    showProgressDetails: true,
    height: 470,
    config: {
      container: 'fusqadtm',
      uploadKey: '19692813e7364ef8ad6a6504d50a12ca',
      defaultDir: '',
      limit: 50,
      cloudimageToken: 'demo',
	  language: 'en',
      tagging: {
        active: true,
        autoTagging: true,
        executeAfterUpload: false,
        confidence: 80,
        key: '',
        limit: 10,
        provider: 'google',
        suggestionList: [
          'Alligator',
          'Bask',
          'Crocodilian',
          'Death Roll',
          'Eggs',
          'Jaws',
          'Reptile',
          'Solitary',
          'Tail',
          'Wetlands'
        ]
      }
    },
    metaFields: [
      { id: 'name', name: 'Name', placeholder: 'file name' },
      { id: 'caption', name: 'Caption', placeholder: 'add description' }
    ]
  })
  .use(GoogleDrive, {
    target: FileExplorer,
    companionUrl: 'http://localhost:3020'
  })
  .use(Instagram, {
    target: FileExplorer,
    companionUrl: 'http://localhost:3020'
  })
  .use(Dropbox, {
    target: FileExplorer,
    companionUrl: 'http://localhost:3020'
  })
  .use(Facebook, {
    target: FileExplorer,
    companionUrl: 'http://localhost:3020'
  })
  .use(OneDrive, {
    target: FileExplorer,
    companionUrl: 'http://localhost:3020'
  })
  .use(Webcam, {
    target: FileExplorer
  })
  .use(Url, {
    target: FileExplorer,
    companionUrl: 'http://localhost:3020'
  })
  .use(XHRUpload, {
    endpoint: 'https://api.filerobot.com/fusqadtm/v3/upload',
    formData: true,
    fieldName: 'files[]',
    headers: {
      'X-Filerobot-Key': '19692813e7364ef8ad6a6504d50a12ca'
    }
  })
  .on('complete', (result) => {
    console.log('Upload result:', result)
  })