Basic Drop Zone

Enable drag-and-drop uploads with the <upload-dropzone> tag helper. Users can drag files from their desktop directly into the designated drop area.

What you should see: drag a file anywhere over the dashed zone — it highlights on hover and the drop starts the upload.

Drag & drop files here or click to browse

<upload-dropzone asp-upload-url="/api/upload/upload"
 asp-multiple="true"
 asp-extensions=".jpg,.png,.gif,.pdf,.doc,.docx"
 asp-max-size="10MB"
 asp-auto-upload="true"
 asp-progress="true">
</upload-dropzone>