cookiekiller/easydd

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

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

AGPLv3

• Michael Falk Spahn

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.