Upload - Overview

The Upload component allows users to upload files to the server. Users can select files in the open file dialog or drag and drop files to the drop zone.

The main Upload API members are listed below.

This demo illustrates how to implement the external Select File button and drop zone container. The Upload component is hidden when the file list is empty.

Drag and Drop File Hereor

Upload - Chunk Upload

This demo illustrates how to upload large files in chunks and process these chunks on the server. The ChunkSize property specifies their size in bytes.

Upload - Multiple File Selection

In this demo, users can upload multiple files at once. Set the AllowMultiFileUpload property to true to enable this behavior.

Upload - Upload Modes

Use the UploadMode property to specify how the Upload component uploads files.

  • Instant (Default) - Files are uploaded when a user selects or drops them.
  • OnButtonClick - Files are uploaded after a user clicks the common upload button or individual buttons for each file.

In this demo, the upload mode is set to UploadMode.UseButtons.

Upload - Validation

This demo illustrates how to use the MaxFileSize and AllowedFileExtensions properties to limit the maximum file size and specify file extensions that the Upload component accepts. Note that the Upload validates files on the client side. This demo also shows how to validate file extensions on the server side.

An error has occurred. This application may no longer respond until reloaded. Reload 🗙