cookiekiller / easydd
easyDD is a library to get HTML5 powered dropzones the easy way.
Installs: 17
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 2
Forks: 2
Open Issues: 0
Language:JavaScript
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.