edible-file-drop
A styled drag-and-drop dropzone that wraps
<input type="file">. Click to browse, or drag files
onto the target. Keyboard users can press Enter or
Space to open the file picker.
Basic
Single file. No type restriction.
Multiple files
Add the multiple attribute to allow selecting more than
one file.
Restricted file types
Use accept to limit selectable file types.
Accepts: .pdf, .docx,
.txt
Image upload (multiple)
Disabled
Add the disabled attribute to prevent interaction.
Inside a form
The hidden <input type="file"> participates in form
submission natively — no JavaScript required to include the file.