RadCloudUpload - Telerik ASP.NET CloudUpload

Upload your files

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

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, Amazon S3 and Telerik Backend Services (formerly Everlive). 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 and more.

RadCloudUpload and 90+ 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 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 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

Help Us Improve

Was this example helpful?