Preview image before it have been uploaded with RadAsyncUpload

HI, I find this example very useful, it is exactly what I need. Although its 1.5 years later.

However ,as the post stated, there is a bug with FireFox. The bug is still there as of today(1/25/2016) for FireFox(43.0.4). So in FireFox, this example doesn't work, it cannot preview multiple images, only the first image is showing. I have to Google and found a fix for this problem. And it works perfectly.

However there is one problem. After I select images and see the preview, when I click the upload button, the application immediately kick me out and redirect me to the login page. This happens on our beta and prod environment. But it works on my local box and our test environment. I cannot find out what is the problem. Since it works on my local box, I cannot debug. I found no application log or event log on beta/prod servers. I see no javascript error except the one that cannot find jquery.min.map which I assume is not related to my problem.

This is only for FireFox. Chrome and IE always work.

Hi, Hristo,

Thank you for your reply. I cannot think of any reason that the session expires. It kicks me out as soon as I clicks the upload button. But it works fine in dev and test environment, and it works for Chrome and IE.

We have fixed the problem. The problem is still FireFox's bug. My previous fix works in Chrome and IE, but failed on FireFox (though succeeds in some environments). Now we find the real fix, it works in all browsers and in all environments.

The solution is: delay 10 ms before calling showThumbnail(...). Notice you cannot put the delay inside showThumbnail(...), that doesn't work.

window.CurrentFileUploaded = function (radAsyncUpload, args) {

    ...

     if (navigator.userAgent.indexOf("Firefox") != -1) // if FireFox, delay 10 ms. This is the fix for FireFox bug!!!

    {

        setTimeout(function () { showThumbnail(...); }, 10);

    }

    else

    {

        showThumbnail(...);

    }

}

window.CurrentFileUploaded = function (radAsyncUpload, args) {
    ...
    if (navigator.userAgent.indexOf("Firefox") != -1) // if FireFox, delay 10 ms. This is the fix for FireFox bug!!! 
    {
        setTimeout(function () { showThumbnail(...); }, 10);
    }
    else
    {
        showThumbnail(...); 
    }

}

window.CurrentFileUploaded = function (radAsyncUpload, args) {
    ...
    if (navigator.userAgent.indexOf("Firefox") != -1) // if FireFox, delay 10 ms. This is the fix for FireFox bug!!! 
    {
        setTimeout(function () { showThumbnail(...); }, 10);
    }
    else
    {
        showThumbnail(...); 
    }

}