Question

I am trying to show busy mask while file upload is in progress. I am using IE9. I did it following way and it is working when I am logged in. When the session is logged out the responseText is coming blank. The server is sending me below HTML but I don't see it. I check that there is login.html in response so I can redirect user to login page to relogin.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Refresh" content="1;url=login.html">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
</head>
<body>
</body>
</html>

Below is the snippet of my code,

function submitError()
{
    hideMask("mymask");
    alert("failed");
    location.reload(true);
}

function submitResponse(responseText, statusText, xhr, $form)  
{ 
    hideMask("mymask");
    alert(responseText);
    alert("success");
    location.reload(true);
}

function doSubmit()
{ 
    var options = 
    {
        error:      submitError, 
        success:    submitResponse,
        url:        'url'
    }; 

    showMask("mymask");

    $('#frmInstall').ajaxForm(options); 
}

function isFileSelected()
{
    if(document.getElementById("inputFile").value == "")
    {
        alert("Please select a file.");
        return false;
    }
}

<form id="myForm" method="post" enctype="multipart/form-data" onsubmit="return doSubmit();">
    <input type="file" name="inputFile" id="inputFile" size="30" />
    <input type="hidden" name="data" id="data" value="1.0" />
    <input type="submit" id="btnSubmit" value="Submit" onclick="return isFileSelected();" />
</form>

I really appreciate your guidance in resolving this?

Thanks, Jdp

Was it helpful?

Solution

I resolved it by searching login.html in responseXML.documentElement.innerHTML.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top