Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Drag and Drop Support

Drag an image here
Clear selectionSelect an image for upload...

You can upload JPG, GIF, or PNG file.
Maximum file size is 4MB.

Note. The drag and drop functionality requires the end-user's browser to support HTML5 technology. It means that it works in modern browsers only: IE10+, Safari 6+, Firefox 4+, Google Chrome, and Opera 12+.

All files uploaded to this demo will be automatically deleted in 5 minutes.

This demo illustrates the DevExpress ASP.NET Upload Control’s (ASPxUploadControl) support for drag and drop operations. This feature allows end-users to select one or more files and drag them to the upload control and add files to the control file list.

By default, drag and drop functionality is disabled. To enable it, set the UploadMode property to Advance and switch the EnableDragAndDrop property to true.

The ASPxUploadControl allows you to specify external zones where files can be dropped and added to the upload control’s file list. To specify drop zones, list zone IDs in the ExternalDropZoneID property. When a file is being dragged over a drop zone, the following events are raised.

  • The DropZoneEnter event is raised when the mouse enters a drop zone element while dragging a file.
  • The DropZoneLeave event is raised when the mouse leaves a drop zone element while dragging a file.

Your Next Great ASP.NET App Starts Here

Get started today and download your 30-day trial of ASP.NET Controls and Libraries (includes 30 days of free technical support).
All demos ship with full source code and are included in the DevExpress ASP.NET distribution. Refer to the Demos and Sample Applications topic to learn more.

DevExpress ASP.NET Controls and Libraries ship as part of DevExpress Universal, DXperience and ASP.NET Subscriptions and are backed by a 60 day unconditional money-back guarantee.
To learn more and obtain pricing information, visit the Compare Features and Pricing webpage. For immediate assistance, contact us by Email at info@devexpress.com or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.