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/ You can see a demo on my personal blog: 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.