Search within TutorialsPark

HTML5 Drag - Drop Uses


Some Practical Applications of Drag Drop API.


Drag and Drop Files

1.The Drag and Drop feature can be used to drag and drop files from your local system on the webpages, which then can be uploaded to a remote server.

2.This feature also makes use of another new HTML5 feature File API.

3.We don't interact with the File API directly but instead work with Drag-Drop feature, the File API responds when the dragged files are dropped in the defined Drop Zone

Drop Files From your Local System Here


File Dropped in the DropZone:



Example : Drag and Drop Files from local system to webpage target

Run the CODE»




Related Examples

Related Tags