Skip to content Skip to sidebar Skip to footer

Jquery Function Before The Postback For Fileupload In Asp.net

So, I have an .aspx webpage as follows: ..

Solution 1:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<!DOCTYPE htmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title></title><scripttype="text/javascript"src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><scripttype="text/javascript">
        $(document).ready(function() {
            $("#Button1").click(function() {
                $("#progress").show();
            });
        });

    </script></head><body><formrunat="server"><asp:FileUploadID="FileUpload1"runat="server" /><asp:ButtonID="Button1"runat="server"Text="Button" /><divid="progress"style="display:none; background-color:Red;">test</div></form></body></html>

This works fine for me in FF and IE7, except in IE, the progress indicator doesn't really give you anything because of how it's rendering, I suppose. I would say the biggest difference between our code is the "onchange=browsed()" function. It's possible that's not getting called until you click the button? In any case, I would start with a stripped down page like this, and start adding in other elements you have until it breaks.

Solution 2:

try this:

<asp:Button runat="server"OnClick="Upload_Click" id="uploadbutton"class="uploadbutton"Text="start upload"Enabled="false"OnClientClick="return myFunction();"/>

<scripttype="text/javascript">functionmyFunction(){
    $('#nfo').slideDown().show("fast");
    returntrue;//THIS WILL FIRE POSTBACK EVENT//return false;//THIS WILL STOP POSTBACK EVENT, WHICH YOU MAY WANT IF THERE //IS NO FILE SELECTED
}
</script>

Post a Comment for "Jquery Function Before The Postback For Fileupload In Asp.net"