CloudUpload - Multiple File Selection

Select multiple files at a time and upload them

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

This example demonstrates how you could upload multiple files by setting the MultipleFileSelection property of the RadCloudUpload to Automatic. Keep in mind that multiple files selection is not supported by the old versions of Internet Explorer - IE9,8,7.

  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • styles.css
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="CloudUpload.Examples.Functionality.MultipleFileSelection.DefaultCS" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<!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" />
    <qsf:MessageBox ID="LocalhostInfoPanel" Type="Info" Icon="Info" runat="server" Visible="false">
        <p> 
            <b>Note</b>: If you are viewing this demo locally, you need to configure RadCloudUpload via the Design-time Wizard in order to run the example.
                 For more details, check out the online help <a href="http://www.telerik.com/help/aspnet-ajax/cloud-upload-overview.html">articles</a>.
        </p>
    </qsf:MessageBox>
    <div class="demo-container size-narrow">
        <h3 class="additional-text">Select multiple files at a time and upload them</h3>
        <telerik:RadCloudUpload ID="RadCloudUpload1" runat="server" RenderMode="Lightweight" MultipleFileSelection="Automatic" OnFileUploaded="RadCloudUpload1_FileUploaded" ProviderType="Azure" MaxFileSize="3145728">
        </telerik:RadCloudUpload>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance

Help Us Improve

Was this example helpful?