cookiekiller/easydd

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

EasyDD - Easy Drop Zone

This library provides a easy drop zone without losing control of the data., _(*1)

Like to see the demo live? http://msphn.github.io/easydd/, _(*2)

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., _(*3)

Create an empty div and give it an id., _(*4)

Initialize is like that:, _(*5)

    // 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., _(*6)

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

Installation

npm i easydd, _(*8)

Works with

I verified: * Firefox 37+ * Chrome 42+ * Midori 0.5.9 (Apple WebKit) * Internet Explorer 11 (11.0.9600.17728) * Safari 9+, _(*9)

Haven't tested with any other browser yet., _(*10)

Contributing?

Please support that library by testing and improving., _(*11)