Upload Control - Custom Progress and Result Indication

In addition to the built-in progress panel, the ASPxUploadControl provides you with the capability to create a custom file upload visualization. For this purpose, you can use the UploadingProgressChanged client event. It exposes all the required information about the current state of the file upload, such as the total count and size of the files selected for uploading, the currently uploaded file's name, the already uploaded files' size, and the current progress value (in percentage).

This demo illustrates how a custom progress panel can be implemented by handling the UploadingProgressChanged client event and using a separate ASPxProgressBar control displayed within an ASPxPopupControl.

In this demo, it is also illustrated how to implement custom visualization of the file upload result. Automatically obtained error information, or any custom operation result, is received from the server side and displayed within an alert message box instead of being shown under file inputs within ASPxUploadControl. For this purpose, the control's ValidationSettings.ShowErrors property is disabled (to suppress default error indication), and both server and client FilesUploadComplete events are handled (to identify the operation result on the server and to process and display it on the client).

Note that ASPxUploadControl is used in advanced upload mode in this demo (the UploadMode property is set to 'Advanced').