PHPackages                             heimrichhannot/dropzone-latest - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. heimrichhannot/dropzone-latest

Abandoned → [heimrichhannot-contao-components/dropzone-latest](/?search=heimrichhannot-contao-components%2Fdropzone-latest)Contao-component[Utility & Helpers](/categories/utility)

heimrichhannot/dropzone-latest
==============================

shim components repo for dropzone.

5.2.1(8y ago)02.0k1LGPL-3.0+CoffeeScript

Since Nov 3Pushed 8y ago5 watchersCompare

[ Source](https://github.com/heimrichhannot/dropzone)[ Packagist](https://packagist.org/packages/heimrichhannot/dropzone-latest)[ Docs](https://github.com/heimrichhannot/dropzone)[ RSS](/packages/heimrichhannot-dropzone-latest/feed)WikiDiscussions master Synced 3d ago

READMEChangelogDependencies (1)Versions (3)Used By (1)

[![Dropzone.js](https://camo.githubusercontent.com/76e4eacd59b955767073e5ff5ce674bc8a62fd329ee3d9c14bb836fc69195df3/687474703a2f2f7777772e64726f707a6f6e656a732e636f6d2f696d616765732f6e65772d6c6f676f2e737667)](https://camo.githubusercontent.com/76e4eacd59b955767073e5ff5ce674bc8a62fd329ee3d9c14bb836fc69195df3/687474703a2f2f7777772e64726f707a6f6e656a732e636f6d2f696d616765732f6e65772d6c6f676f2e737667)

[ ![Codeship Status for enyo/dropzone](https://camo.githubusercontent.com/4eb6ed9b68e6ba9f5c12a26c5c4bed2e1808cd10a85d5371ba90eced605f68ab/68747470733a2f2f636f6465736869702e636f6d2f70726f6a656374732f33666339303830302d373465302d303133322d333863652d3232616233626162333134632f7374617475733f6272616e63683d6d6173746572)](https://codeship.com/projects/55087)

Dropzone.js is a light weight JavaScript library that turns an HTML element into a dropzone. This means that a user can drag and drop a file onto it, and the file gets uploaded to the server via AJAX.

---

*If you want support, please use [stackoverflow](http://stackoverflow.com/) with the `dropzone.js` tag and not the GitHub issues tracker. Only post an issue here if you think you discovered a bug or have a feature request.*

---

**Please read the [contributing guidelines](CONTRIBUTING.md) before you start working on Dropzone!**

 [**>> Download <<**](https://github.com/enyo/dropzone/releases/latest)

Starting with version 2.0.0 this library does no longer depend on jQuery (but it still works as a jQuery module).

Dropzone is compatible with [component](https://github.com/component/component), there's a standalone version and an [AMD](https://github.com/amdjs/amdjs-api/wiki/AMD)module that's compatible with [RequireJS](http://requirejs.org) in the downloads folder.

[![](https://camo.githubusercontent.com/9d049a90bca1b9e4a79e2605d35c3647e7a50160ae13b5fee359dac7322fb2f2/687474703a2f2f692e696d6775722e636f6d2f586637517656472e706e67)](https://camo.githubusercontent.com/9d049a90bca1b9e4a79e2605d35c3647e7a50160ae13b5fee359dac7322fb2f2/687474703a2f2f692e696d6775722e636f6d2f586637517656472e706e67)

Main features
-------------

[](#main-features)

- Image thumbnail previews. Simply register the callback `thumbnail(file, data)` and display the image wherever you like
- Retina enabled
- Multiple files and synchronous uploads
- Progress updates
- Support for large files
- Complete theming. The look and feel of Dropzone is just the default theme. You can define everything yourself by overwriting the default event listeners.
- Well tested

Documentation
-------------

[](#documentation)

For the full documentation and installation please visit [www.dropzonejs.com](http://www.dropzonejs.com)

Please also refer to the [FAQ](https://github.com/enyo/dropzone/wiki/FAQ).

Examples
--------

[](#examples)

For examples, please see the [GitHub wiki](https://github.com/enyo/dropzone/wiki).

Usage
-----

[](#usage)

Implicit creation:

```

```

That's it. Really!

Dropzone will automatically attach to it, and handle file drops.

Want more control? You can configure dropzones like this:

```
// "myAwesomeDropzone" is the camelized version of the ID of your HTML element
Dropzone.options.myAwesomeDropzone = { maxFilesize: 1 };
```

...or instantiate dropzone manually like this:

```
new Dropzone("div#my-dropzone", { /* options */ });
```

> Note that dropzones don't have to be forms. But if you choose another element you have to pass the `url` parameter in the options.

For configuration options please look at the [documentation on the website](http://www.dropzonejs.com/#configuration)or at the [source](https://github.com/enyo/dropzone/blob/master/src/dropzone.coffee#L90).

### Register for events

[](#register-for-events)

If you want to register to some event you can do so on the `dropzone` object itself:

```
Dropzone.options.myDropzone({
  init: function() {
    this.on("error", function(file, message) { alert(message); });
  }
});
// or if you need to access a Dropzone somewhere else:
var myDropzone = Dropzone.forElement("div#my-dropzone");
myDropzone.on("error", function(file, message) { alert(message); });
```

For a list of all events, please look at the chapter [»Events«](http://www.dropzonejs.com/#events) in the documentation or at the [source](src/dropzone.coffee#L43).

Browser support
---------------

[](#browser-support)

- Chrome 7+
- Firefox 4+
- IE 10+
- Opera 12+ (Version 12 for MacOS is disabled because their API is buggy)
- Safari 6+

For all the other browsers, dropzone provides an oldschool file input fallback.

Why another library?
--------------------

[](#why-another-library)

I realize that there [are](http://valums.com/ajax-upload/) [already](http://tutorialzine.com/2011/09/html5-file-upload-jquery-php/) [other](http://code.google.com/p/html5uploader/) [libraries](http://blueimp.github.com/jQuery-File-Upload/) out there but the reason I decided to write my own are the following:

- I didn't want it to be too big, and to cumbersome to dive into.
- I want to design my own elements. I only want to register callbacks so I can update my elements accordingly.
- Big files should get uploaded without a problem.
- I wanted a callback for image previews, that don't kill the browser if too many too big images are viewed.
- I want to use the latest API of browsers. I don't care if it falls back to the normal upload form if the browser is too old.
- I don't think that it's necessary anymore to depend on libraries such as jQuery (especially when providing functionality that isn't available in old browsers anyway).

MIT License
-----------

[](#mit-license)

See LICENSE file

###  Health Score

30

—

LowBetter than 64% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity15

Limited adoption so far

Community11

Small or concentrated contributor base

Maturity64

Established project with proven stability

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~20 days

Total

2

Last Release

3094d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/28ad3224d8727b622ebd229840eea6b9dbcb83eb0bd609e6ce65b614830ff538?d=identicon)[digitales@heimrich-hannot.de](/maintainers/digitales@heimrich-hannot.de)

---

Top Contributors

[![koertho](https://avatars.githubusercontent.com/u/12064642?v=4)](https://github.com/koertho "koertho (2 commits)")

### Embed Badge

![Health badge](/badges/heimrichhannot-dropzone-latest/health.svg)

```
[![Health](https://phpackages.com/badges/heimrichhannot-dropzone-latest/health.svg)](https://phpackages.com/packages/heimrichhannot-dropzone-latest)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)