Telerik is a leading vendor of ASP.NET AJAX, ASP.NET MVC, Silverlight, WinForms and WPF controls and components, as well as .NET Reporting, .NET ORM , .NET CMS, Code Analysis, Mocking, Team Productivity and Automated Testing Tools. Building on its expertise in interface development and Microsoft technologies, Telerik helps customers build applications with unparalleled richness, responsiveness and interactivity. Telerik products help thousands of companies to be more productive and deliver reliable applications under budget and on time.
Version Q2 2011 released 07/12/2011
select

AsyncUpload / Progress

  • Uploaded % ( ) Total
  • Uploaded files: % () Total files:
  • Uploading file:
  • Elapsed time:  Estimated time:  Speed:
Uploaded files in the target folder:

  • Forth from Q1, RadAsyncUpload supports inline progress for all progress modules.

    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.
    • Windows and Forms Authentication require special handling. More details

Source Code

C# VB.NET
Show code in new window Demo isolation steps
  • <%@ Page Language="VB" AutoEventWireup="false" CodeFile="DefaultVB.aspx.vb" Inherits="Upload_Examples_MonitorProgress_Default" %>

    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
    <%@ Register TagPrefix="qsf" TagName="Header" Src="~/Common/Header.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="Footer" Src="~/Common/Footer.ascx" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <style type="text/css">
            .upload-panel
            {
                width: 300px;
            }
            
            .info-panel
            {
                display: none;
                margin-top: 15px;
            }
        </style>
        
        <qsf:HeadTag runat="server" ID="Headtag1" />
    </head>
    <body class="BODY">
        <form id="form1" runat="server">
        <qsf:Header runat="server" ID="Header1" NavigationLanguage="VB" />
        <telerik:RadScriptManager ID="ScriptManager1" runat="server" />
        <script type="text/javascript">
        //<![CDATA[
            function fileUploaded(sender, args) {
                var name = args.get_fileName();
                var $ = $telerik.$;
                
                $(".info-panel").
                    append($("<div>" + name + "</div>")).show();
            }

         //]]>
        </script>
        <div class="upload-panel">
            <telerik:RadProgressManager runat="server" ID="RadProgressManager1" />

            <%-- For the purpose of this demo the files are discarded.
                 In order to store the uploaded files permanently set the TargetFolder property to a valid location. --%>                                                            
            <telerik:RadAsyncUpload runat="server" ID="AsyncUpload1" OnClientFileUploaded="fileUploaded" MultipleFileSelection="Automatic">
            </telerik:RadAsyncUpload>

            <telerik:RadProgressArea runat="server" ID="RadProgressArea1">
            </telerik:RadProgressArea>
        </div>
        <div class="info-panel">
            Uploaded files in the target folder:
            <br />
            
        </div>
        <qsf:Footer runat="server" ID="Footer1" />
        </form>
    </body>
    </html>

Get more than expected!

 
 

Take your time to truly experience the power of RadControls for ASP.NET AJAX with a free 60-day trial backed up by Telerik’s unlimited dedicated support.

Download your RadControls for ASP.NET AJAX trial and jumpstart your development with the available Getting Started resources.

If you have any questions, do not hesitate to contact us at sales@telerik.com.

Copyright 2002-2024 © Telerik. All right reserved
Telerik Inc, 201 Jones Rd, Waltham, MA 02451