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