← Back to Challenge

Drag & Drop Zone

Build a file upload zone that supports drag-and-drop and click to browse. Show upload progress for each file with the ability to remove them.

Drag & drop files here

or click to browse

Drop files above to see them here.

The key drag events are onDragOver (must call e.preventDefault() to allow dropping), onDrop (read files from e.dataTransfer.files), and onDragEnter/onDragLeave for visual feedback.