New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

WebForms CloudUpload Overview

Upload your files

Select
/

This RadCloudUpload sample shows the basic functionalities of the cloud upload control - size validation, multiple file selection and upload to Azure.

  • Click on the select button to open file dialog to choose files.
  • Select multiple files at the same time.
  • Progress bar will be shown next to each file.
  • Try to upload file over 3MB to test client-side size validation.

About RadCloudUpload for ASP.NET AJAX

Telerik's Cloud Upload control gives you the ability to upload files to following cloud storage providers– Azure and Amazon S3. With the help of an uploading handler, the selected files are directly transferred to the cloud storage. No files are kept on the hard drive of the server. In case that the uploaded files are not processed after a postback, a callback function triggered from the cache of the application will delete them from the cloud storage. RadCloudUpload supports chunk upload, client-side validation, multiple selection, progress monitoring, security features and more.

RadCloudUpload and 120+ other controls are part of UI for ASP.NET AJAX, a comprehensive toolset taking care of the common functionality of your application, while leaving you with more time to work on its business logic.

Key Features

  • Upload to cloud storage without saving files on the server
  • Progress monitoring
  • Built-in validation
  • Multiple file selection

More about RadCloudUpload for ASP.NET AJAX
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • styles.css
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="CloudUpload.Examples.Overview.DefaultCS" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link href="styles.css" type="text/css" rel="stylesheet" />
</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" Icon="Info" Type="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">
        <div class="qsf-demo-canvas qsf-demo-canvas-overview">
            <p>Upload your files</p>
            <telerik:RadCloudUpload ID="RadCloudUpload1" runat="server" RenderMode="Lightweight" MultipleFileSelection="Automatic" OnFileUploaded="RadCloudUpload1_FileUploaded"
                ProviderType="Azure" MaxFileSize="3145728">
            </telerik:RadCloudUpload>
        </div>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance