• Material 3
  • Bootstrap 5
  • Fluent 2
  • Tailwind CSS
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Custom Drop Area in ASP.NET Core File Upload Control

This ASP.NET Core File Upload sample demonstrates how to configure custom drop area of the Uploader. You can drop the files into specified custom drop area location to upload.

DEMO
SOURCE
Drop files here to upload

The Uploader component allows to set any external element as drop area using the dropArea property.

More information on the drag-and-drop can be found on this documentation section.

In this example, the backend service used in the saveUrl and removeUrl endpoints for saving and removing files is intended for demonstration purposes only. The uploaded files are subjected to thorough validation, including verification of file names and the application of security checks. Therefore, this service is not recommended for production use, and the configuration of a custom backend save and remove service is advised. Additional implementation details can be found in the saveUrl and removeUrl documentation.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab