How to get new file name on client side in AsyncFileUpload control in AjaxControlToolkit

Here is a really simple way to get filename on client side after file is uploaded by asyncfileupload control of AjaxControlToolkit.

    <!--This script snippet must be located below the ScriptManager-->
    <script type="text/javascript">
    Sys.Extended.UI.AsyncFileUpload.prototype.newFileName = null;
    function uploadcomplete(sender, e) {
    console && console.log(sender.newFileName);
    }
    </script>
    <asp:AsyncFileUpload ID="AsyncFileUpload1" OnClientUploadComplete="uploadcomplete"
    runat="server" OnUploadedComplete="AsyncFileUpload1_UploadedComplete" />
    protected void AsyncFileUpload1_UploadedComplete(object sender, AjaxControlToolkit.AsyncFileUploadEventArgs e)
    {
    ScriptManager.RegisterClientScriptBlock(this,
    this.GetType(), "newfile",
    "window.parent.$find('" + AsyncFileUpload1.ClientID + "').newFileName='randomfile.txt';", true);
    }

I have tried this on Ajax Control Toolkit 4.1 and ASP.net 4.5

Subscribe for our monthly newsletter for updated articles and useful code scripts.

Share It

comments powered by Disqus
Chat With Us Close
Leave Message