AsyncUpload - Multiple File Selection

Uploaded % ( ) Total
Uploaded files: % () Total files:

Uploading file:

Elapsed time:  Estimated time:  Speed:

Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

With RadAsyncUpload you can quickly allow users to upload multiple files at a time – all it takes is setting the MultipleFileSelection="Automatic” property.

Please note that this functionality is possible thanks to the HTML5 File API in modern browsers and the Silverlight/Flash plugin in older browsers.

You can select several files at once from the file selection dialog.

  • DefaultCS.aspx
  • styles.css
<%@ Page Language="C#"  %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link rel="stylesheet" type="text/css" href="styles.css" />
</head>

<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-container size-narrow">
        <telerik:RadAsyncUpload RenderMode="Lightweight" runat="server" ID="AsyncUpload1" MultipleFileSelection="Automatic" Width="500px"  />
        <telerik:RadProgressArea RenderMode="Lightweight" runat="server" ID="RadProgressArea1"  />
    </div>
    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?