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>
Illustration of a woman standing next to a large laptop displaying a screen, with a red padlock icon above it, suggesting online security or privacy protection.

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

Two people stand facing each other, each holding a cord connected to floating cards and a chart, illustrating the concept of sharing or exchanging information and data visually.

Make Your App Interactive

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

CONNECT YOUR APP TO FILES FROM OVER 20 SOURCES. SEE THEM ALL

Icon of a computer monitor displaying a pencil symbol, with a keyboard underneath, all in a simple dark outline style on a light gray circular background.
A blue circle with a white lowercase f in the center, representing the Facebook logo, on a light gray circular background.
Blue circle with a white, geometric, open box design in the center, resembling the Dropbox logo, on a light gray background.
Blue box logo in lowercase letters centered on a light gray circular background.
A circular icon with a black silhouette of a cat’s head and shoulders, resembling the GitHub logo, set against a light gray background.

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).

SendGrid logo with stylized gray text and overlapping square shapes on the left.
Zenefits logo featuring a stylized hummingbird icon to the left of the word “ZENEFITS” in uppercase, sans-serif letters.
The word teachable is written in all lowercase, sans-serif letters with a colon between teach and able, in a light purple color on a light background.
Large, bold, purple letters spelling TED on a white background.
The image shows the classic Coca-Cola logo in a cursive script font.
The word MONSTER is written in large, bold, uppercase letters using a grayish-purple font on a light background.

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 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.

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)
A man with a short beard wearing a red and beige baseball cap looks upward against a dark background.

“Being smart here, in my opinion, is seriously looking at Filestack to give you a fantastic uploading experience, while you spend your time on your product vision, not already-solved problems.”

— CHRIS COYIER, FOUNDER OF CSS-TRICKS & CODEPEN