Drag and Drop

Implement Drag and Drop Uploading feature to your application with just 3 lines of code. Our library is available on GitHub JavaScript Drag and Drop.

Seamlessly Upload Files

Let your users seamlessly upload their files from their computers directly to your application. Nowadays, dragging files into an uploader is the standard. You can easily add this functionality within your app with the help of Filestack's Drag and Drop

Quicker Uploads

Quickly upload files by dragging them into the browser, adding interactivity to your application.

SRI

Verify your files with SRI(Subresource Integrity) to ensure files are delivered without manipulation. Learn more here.

Work With Multiple Objects

Developers can rest easy with how much object parameters they can customize. See the full list here.

Plug Within Your App

To integrate Filestack Drag and Drop with your web application simply include our UMD module in your code:

<script src="//static.filestackapi.com/filestack-drag-and-drop-js/{MAJOR_VERSION}.x.x/filestack-drag-and-drop.min.js"></script>


More about installation instructions

integrate Filestack Drag and Drop

Drag & Drop or Copy & Paste

Allow your users to perform a file upload using the natural interactions they already know from using desktop applications.

Try it out! Drag and drop or copy and paste any file

Interactive App

Make Your App Interactive

Your users will definitely appreciate the interactivity of your site with Filestack's Drag and Drop

Learn more about Drag and Drop

Connect your app to files from over 20 sources. See them all

Desktop Icon Facebook Icon Dropbox Icon Box Icon Github Icon

Way more than a file uploader widget: a complete upload service.

What you can get only from Filestack,

Better reliability

Filestack Intelligent Ingestion™ can dynamically adjust to changing network conditions to guarantee upload success 99.999% of the time.

Accelerated uploads

Filestack’s exclusive technology can provide your app immediate access to content - even while it’s still in transit accros the network.

One API forever

Filestack brings images, videos, and files to your app from 20+ sources through a single, stable API. (No need to maintain an integration to each service).

Just One Integration, One Time...

Filestack connects you with a multitude of services with one simple integration. You never have to worry about updating API integrations again. Uploading files is our raison d’etre. We update for other API changes, and will never depreciate our API or force unwarranted changes on you.

Libraries & SDKs
Choose from our SDKs to get started: Javascript, Ruby, PHP, Python, Swift, Android
No maintenance required
Once you integrate, you’re done. Never worry about changing APIs or disrupting your file workflow again.
Dev-to-dev support
Your files are always our #1 concern. We are always here to help you get up and running and assure the best performance.
Examples of code snippets
import * as filestack from 'filestack-js';
const client = filestack.init('YOUR API KEY');
client.upload(fileObject).then(data =>console.log(data.url));
gem 'filestack'
client = FilestackClient.new('YOUR_API_KEY',
security: security_object)
filelink = client.upload(filepath: '/path/to/file')
$ composer require --prefer-dist
filestack/filestack-php

use Filestack\FilestackClient;

$client = new FilestackClient('YOUR_API_KEY');
$filelink = $client-upload('/path/to/file');
$ pip install filestack-python

from filestack import Client
client = Client("")

params = {'mimetype': 'image/png'}
new_filelink =
client.upload(filepath="path/to/file",
params=params)
print(new_filelink.url)