Dropzone.js – drag and drop JavaScript file uploader

Upload files in your web app using this cool JavaScript file uploader tool!

Drag and drop JavaScript file uploader

DropzoneJS is an open source library that provides drag’n’drop file uploads with image previews. It’s lightweight and works without any other library (like jQuery). It’s highly customizable and easy to use.

Dropzone.js file upload tool
Dropzone.js file upload tool

The basic example of use

<script src="dropzone.js"></script>
<link rel="stylesheet" href="dropzone.css">

...

<p>
  This is the most minimal example. Drop your file...
</p>

<!-- change it to your upload address -->
<form action="/upload.php" class="dropzone"></form>

We only need upload.php script (PHP or any other back-end technology) to handle uploaded file on the server.

Project homepage

Here you can find documentation and samples:

http://www.dropzonejs.com

GitHub:

https://github.com/enyo/dropzone

Enjoy!

Share:Share on Facebook1Share on Google+1Tweet about this on TwitterShare on LinkedIn1Pin on Pinterest1