Ajax AsyncFileUpload args.get_length() - Show uploaded file size (length)
ShowUploadedFileSize.aspx
<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
Label1.Text = DateTime.Now.ToString();
}
protected void AsyncFileUpload1_UploadComplete(object sender, AjaxControlToolkit.AsyncFileUploadEventArgs e)
{
string filePath = Request.PhysicalApplicationPath+ "Upload\\" + AsyncFileUpload1.PostedFile.FileName;
AsyncFileUpload1.SaveAs(filePath);
}
</script>
<script type="text/javascript">
function showConfirmation(sender,args) {
document.getElementById('Label2').innerHTML = 'upload complete.'+"<br />Uploaded File size: "+ args.get_length();
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>Ajax AsyncFileUpload args.get_length() - How to show uploaded file size (length)</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<h2 style="color:DarkOrange; font-style:italic;">Ajax AsyncFileUpload Example: How To Use args.get_length()</h2>
<hr width="575" align="left" color="OrangeRed" />
<asp:ScriptManager
ID="ScriptManager1"
runat="server"
>
</asp:ScriptManager>
<br />
<asp:Label
ID="Label1"
runat="server"
Font-Names="Comic Sans MS"
ForeColor="SeaGreen"
Font-Size="X-Large"
Font-Italic="false"
Font-Bold="true"
>
</asp:Label>
<br /><br />
<cc1:AsyncFileUpload
ID="AsyncFileUpload1"
runat="server"
OnUploadedComplete="AsyncFileUpload1_UploadComplete"
OnClientUploadComplete="showConfirmation"
CompleteBackColor="Lavender"
UploaderStyle="Traditional"
BackColor="LightSalmon"
/>
<br />
<asp:Label
ID="Label2"
runat="server"
Font-Names="Comic Sans MS"
ForeColor="HotPink"
Font-Size="Large"
Font-Italic="true"
Font-Bold="true"
>
</asp:Label>
</div>
</form>
</body>
</html>
