Re: How to detect a cancel upload event

  •  03-23-2012, 7:51 AM

    Re: How to detect a cancel upload event

    Hi mtaute,
     
    Please try the example below, it shows you how to catch the cancel event
    1. <%@ Page Language="C#" %>  
    2.   
    3. <%@ Register TagPrefix="CuteWebUI" Assembly="CuteWebUI.AjaxUploader" Namespace="CuteWebUI" %>  
    4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    5. <html xmlns="http://www.w3.org/1999/xhtml">  
    6. <head id="Head1" runat="server">  
    7.     <title>example</title>  
    8. </head>  
    9. <body>  
    10.     <form id="form1" runat="server">  
    11.         <div>  
    12.             <CuteWebUI:Uploader runat="server" ID="Uploader1" CancelButtonID="ButtonCancel">  
    13.             </CuteWebUI:Uploader>  
    14.             <asp:Button ID="ButtonCancel" runat="server" Text="Cancel.." />  
    15.         </div>  
    16.     </form>  
    17.   
    18.     <script>  
    19.       
    20.     var btn1=document.getElementById('<%=ButtonCancel.ClientID %>');  
    21.     var int1;  
    22.     function MyClickHandler(event)  
    23.     {  
    24.         btn1.canclefunction();  
    25.       
    26.        alert("cancelled..")  
    27.           
    28.         //always cancel the onclick event, otherwise the form would do the postback!  
    29.         event=window.event||event;  
    30.         if(event.preventDefault)event.preventDefault();  
    31.         return event.returnValue=false;  
    32.     }  
    33.     function CheckUploaderScriptStatus()  
    34.     {  
    35.         //if the uploader script be loaded , the btn1.onclick would be setted  
    36.         //then you can replace it :  
    37.         if(btn1.onclick)  
    38.         {  
    39.             //stop the interval timer  
    40.             clearInterval(int1);  
    41.             //save the cancel handler  
    42.             btn1.canclefunction=btn1.onclick;  
    43.             //use my own handler  
    44.             btn1.onclick=MyClickHandler;  
    45.         }  
    46.     }  
    47.     int1=setInterval(CheckUploaderScriptStatus,10);  
    48.       
    49.     </script>  
    50.   
    51. </body>  
    52. </html>  
    Regards,
     
    Ken 
View Complete Thread