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 html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#Button1").click(function() {
                $("#progress").show();
            });
        });

    </script>
</head>
<body>
<form runat="server">
    <asp:FileUpload ID="FileUpload1" runat="server" />
    <asp:Button ID="Button1" runat="server" Text="Button" />
    <div id="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();"/>

<script type="text/javascript">
function myFunction(){
    $('#nfo').slideDown().show("fast");
    return true;//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"