AsyncUpload for ASP.NET AJAX

HomeProductsASP.NET AJAX ControlsAsyncUpload

Overview

Perform configurable asynchronous uploads of single or multiple files using RadAsyncUpload for ASP.NET AJAX. The control addresses the limitation to perform file uploads with plain postbacks only and supports web farm scenarios as well as internal validation using its http handler for this purpose. RadAsyncUpload provides smooth file async upload handling with rich progress status information display and its efficient proprietary http handler allocates minimum server memory.

See Demos Download Trial

Features

Overview
RadAsyncUpload is a set of three controls for uploading files and monitoring the progress of uploads (or other long processes). These controls provide tight integration with ASP.NET AJAX. The Telerik ASP.NET AJAX AsyncUpload control contains:
- RadProgressManager - a non-visual element to manage the process of file uploads and progress monitoring.
- RadAsyncUpload - a control for single- and multi-file async uploads, integrated file validation and more.
- RadProgressArea - a control for displaying progress dialogs: automatically monitoring file uploads and optionally monitoring any other measurable process on the server.
See demo

Top
RadAsyncUpload vs RadUpload
Keep in mind, RadAsyncUpload is not a direct replacement for RadUpload. The key differences between them are:
- Files are not directly uploaded to the page, but to a handler - Telerik.Web.UI.WebResource.axd.
- Uploaded files will be transferred to the TargetFolder when a postback occurs.
- The page submission is not automatically blocked until the file upload completes.
- Uploaded files are stored in a temporary location - App_Data/RadUploadTemp by default.
Some of the key advantages that RadAsyncUpload offers against RadUpload are:
- Asynchronous upload to the server, you no longer need to post your page back in order the files uploaded
- Simplified validation. RadAsyncUpload will automatically mark uploaded file as invalid if it doesn't meet a given criteria
- Visual notifications for the following operations: successful upload, failed validation and that there is upload in progress
Top
Uploading files
You can use the RadAsyncUpload and RadProgressManager components, separately or together, to enhance your application's ability to upload files. Some of the upload capabilities include:
- Single and Multi-file Upload - You can easily upload single or several files at once - just select the files one after another and submit the form. RadAsyncUpload will add new field for async upload right after the previously selected file is uploaded. Additionally, the async upload for selected file will be triggered automatically.
- Uploading Large Files - You can upload files with a combined size of up to 2GB, but it requires some modifications in your application configuration files.
- • RadAsyncUpload allows for simultaneous selection of multiple files as long as there is Flash/Silverlight installed on the client machine. All selected files are automatically validated against the values set in the AllowedFileExtensions property and the size (in bytes) set in MaxFileSize property.
Top
Progress Areas
RadAsyncUpload can use both RadProgressArea and its own Inline Progress in order to measure the progress of a given upload. There is a separate inline progress indicator for each and every file being uploaded, effectively providing more concise and compact progress than RadProgressArea. It is up to the developer to choose which one they want to use.

RadProgressArea automatically displays a progress dialog when files are uploaded. In addition, you can use it as a progress dialog for any other long process by supplying custom progress information using the server-side API. The progress area features:
- Status information - includes progress bar and count for the uploaded bytes; the name of the file being currently uploaded; the elapsed and the estimated times
- Custom progress with templates – RadProgressArea allows you to customize its content and style through templates. For example you can rearrange the progress elements or create your own progress bar.
- Support for <input type=file> elements - RadProgressArea can be used with the standard <input type=file> elements without the presence of RadUpload on the page. Developers may find this scenario useful when they want to create a completely custom upload form user interface.
Top
Automatic file validation
- Automatic - the Telerik ASP.NET AJAX AsyncUpload control can automatically validate the size, extension and the MIME type of the uploaded files. The valid files can be accessed using the UploadedFiles property of the RadUpload instance. The control also raises OnClientValidationFailed event when the selected file has invalid extension or its size conflicts with the MaxFileSize property.
- Custom - In addition to the automatic validation, the Telerik ASP.NET AJAX AsyncUpload lets you perform your own custom validation using the server-side ValidatingFile event. By using this event, you can use your own custom validation logic and override the integrated validation if needed.
See demo

Top
Extension Filtering

As long as there is Flash/Silverlight installed, one can benefit from the extension filtering functionality provided by RadAsyncUpload. The OpenFileDialog is going to be filtered to show only the types set as allowed in the AllowedFileExtensions property.

Top
Shared features with RadUpload

RadAsyncUpload shares most of the features available in RadUpload for ASP.NET AJAX (with the exceptions listed explicitly in the above sections). Refer to the RadUpload page to examine those who are shared between the two components.
Top
Industry-Best Cross-Browser Support

Following our long tradition of industry best cross-browser support, Telerik ASP.NET AsyncUpload doesn’t make an exception. The component supports all major browsers, including Internet Explorer, Firefox, Safari, Opera and Google Chrome and produces identical results.
Top
VS Plug-in for Testing RadControls

Telerik's automated software testing tool Test Studio employs a rich set of features to help you automate AJAX-intense web content. You can test complex UI actions like drag-and-drop, invoke JavaScript functions from your test code, and perform logging actions. Additionally, the test recorder makes it easy to wait on AJAX operations before executing a specific verification. What’s more, Test Studio is the best way to test RadControls for ASP.NET AJAX. The powerful test recorder automatically detects the controls and exposes commonly used verifications. Learn more
Top