easyDD is a library to get HTML5 powered dropzones the easy way.

Maintainers

Details

github.com/msphn/easydd

Source

Issues

Installs: 17

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 2

Forks: 2

Open Issues: 0

Language:JavaScript

v1.2 2015-04-26 11:58 UTC

This package is not auto-updated.

Last update: 2025-07-05 21:34:01 UTC


README

This library provides a easy drop zone without losing control of the data.

Like to see the demo live? http://msphn.github.io/easydd/

Features

  • Drop one ore more files to a dropzone
  • Define maximum filesize
  • Define allowed mime types
  • No ajax just getting data from a dropzone
  • Upload files by clicking at the dropzone

Use it

It's easy, just include src/easydd.js and easydd.css in your HTML.

Create an empty div and give it an id.

Initialize is like that:

    // Initialize easyDD
    var dd = new easydd({
        // HTML ID of an existing div to render to
        elementId: 'dd',
        // Centered text inside the div?
        text: 'Drop or Click here!',
        // Max file size in kb
        maxSize: 250,
        // Array of allowed mimetypes
        allowedMimeTypes: ['image/png', 'image/jpeg', 'image/gif'],
        // Callback function see callbackTest above
        callback: callbackTest
    });

And to use all these awesome data you receive, add a callback function in the callback parameter.

If you don't like limits, just remove maxSize and allowedMimeTypes, every file will be passed now to your callback function.

Installation

npm i easydd

Works with

I verified:

  • Firefox 37+
  • Chrome 42+
  • Midori 0.5.9 (Apple WebKit)
  • Internet Explorer 11 (11.0.9600.17728)
  • Safari 9+

Haven't tested with any other browser yet.

Contributing?

Please support that library by testing and improving.