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
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
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
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 will never have to worry about updating API integrations again. Uploading files is our raison d’etre. We continually update our API 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.
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)