HomeNewsHow To Make A Drag-and-Drop File Uploader With Vanilla JavaScript

How To Make A Drag-and-Drop File Uploader With Vanilla JavaScript



Smashing Magazine | It’s a known fact that file selection inputs are difficult to style the way developers want to, so many simply hide it and create a button that opens the file selection dialog instead. Nowadays, though, we have an even fancier way of handling file selection: drag and drop. Technically, this was already possible because most (if not all) implementations of the file selection input allowed you to drag files over it to select them, but this requires you to actually show the file element.
Close Drawer

Prototyping

Inspired by Material Design & FORM