File Upload - Multi-File Selection

This demo illustrates UploadControl's multi-file selection capability. It allows end-users to choose several files to upload within a single file open dialog. This demo also shows how a custom popup progress panel can be implemented to display upload progress information for both the currently processed file and the entire uploaded data.

By default, the multi-file selection mode is disabled. To enable it, switch the AdvancedModeSettings.EnableMultiSelect property to true.

When multi-file selection is on, the UploadControl text box is used to display information about the current file selection. When selecting a single file, the text box contains the selected file name. When multiple files are selected, the text box displays the total number of selected files. In this case, the text box' tooltip will contain a list of the selected files.

A list of files selected for upload can be easily cleared by using the "Clear file selection" button. By default, this button automatically appears within the text box when any file is selected. To disable the button functionality, set the AdvancedModeSettings.ShowClearFileSelectionButton property to false.

In this demo, you will learn how to handle the UploadControl's UploadingProgressChanged client event to obtain information about file upload progress, and to use this information to calculate the speed of an upload and forecast the estimated upload time.