Not able to invoke jquey Ajax method for fileupload input value
<p>I am trying to invoke the serverside method from the jquery. It is working fine in FireFox but not in IE8 and IE9.</p>

<p>Please find the below code sample :</p>

<pre><code> &lt;div&gt;  
    &lt;asp:FileUpload ID="flAppIcon" runat="server" onchange="GetFileSize();"/&gt;
    &lt;asp:HiddenField ID="_hdnAppIcon" runat="server" Value="0" /&gt;
&lt;/div&gt;

&lt;script type="text/javascript" language="javascript"&gt;
    function GetFileSize() {
        var PageURL = '&lt;%= ResolveUrl("~/WebForm16.aspx") %&gt;'
        var test = ($('#&lt;%=flAppIcon.ClientID%&gt;').val()).toString();
        $("#&lt;%=_hdnAppIcon.ClientID%&gt;").val(test);
        alert($("#&lt;%=_hdnAppIcon.ClientID%&gt;").val());
        $.ajax({
            type: "POST",
            url: PageURL + '/GetFileSizeDetails',
            data: '{file: "' + $("#&lt;%=_hdnAppIcon.ClientID%&gt;")[0].value + '"}',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: OnSuccess,
            failure: function (response) {
                alert(response.d);
            }
        });
    }
    function OnSuccess(response) {
        alert(response.d);
    }
&lt;/script&gt; 

[System.Web.Services.WebMethod]
public static string GetFileSizeDetails(string file)
{
 return "100";
}
</code></pre>

<p>Can anyone help me to know the root cause of this issue.</p>

<p>Thanks &amp; Regards,
Santosh Kumar Patro</p>
