4 ms·
The past few days I've been working on a personal project and needed to add file-upload functionality to an existing form. So, I was searching for something to
by pazvanti 3y ago
The past few days I've been working on a personal project and needed to add file-upload functionality to an existing form. So, I was searching for something to make things elegant and allow also drag&drop, not just the traditional file browser.
I could not find anything that fit my needs (DropzoneJS required too much workaround to work with my existing form), so I decided to make my own from scratch. It turned out quite well so I decided to make it open-source, since I think other may find it useful.
You can find the code here: https://gitlab.com/ppopescu/easydropzonejs/ https://gitlab.com/ppopescu/easydropzonejs/
You can see a demo on my personal blog: https://petrepopescu.tech/easydropzonejs/ https://petrepopescu.tech/easydropzonejs/
### Features
- Easy to integrate and use
- Looks nice even with the default theme
- It is theamable, and only requires update to the css file
- Does not require any external libraries like JQuery (it is made with pure JS and CSS)
- Small and lightweight, currently having less than 4kb for both the JS and CSS files
- Shows you the thumbnail preview for images (configurable)
- Easy to configure (even though there are only a few configuration options)
Any suggestions of improvements (or even better, code submissions) are greatly appreciated. Please, tell me what you think and if you think that this is useful and I should continue development.
- rendall 3y agoLooking good and great job! I noticed an errant apostrophe in the README: While the library is in it's early stages should read While the library is in its early stages Thanks for giving the world this!
- pazvanti 3y agoThanks. Will update the file
- GrumpyNl 3y agoLooks good, i would hide the button and make the dropzone area clickable.
- pazvanti 3y agoThat is one option. Will see if I can make it configurable and/or dependent on the theme.