RadAsyncUpload not upload file in IE 10 ?

[Aravind]

Hai 
   i am using RadAsyncUpload in my website,if i run in ie8,ie9,mozila and chrome it upload file ,but if i run in IE 10 it not upload file just it blinking the orange dot ,but not uploading file.
is need to change anything in properties ?



Regards
  Aravind

[David]

I am having the same problem. Some solutions from other threads suggest enabling anonymous authentication (done - doesn't help) and a snippet of script to tell Telerik that Flash is not available (done - didn't help either).

When I test this with debug-by-alert; a “FileSelected” event fires on the client and a “FileUploading” fires on the client. But not the “ClientFileUploaded’ nor “FileUploadError”. The event handler in the codebehind never gets called either. It appears to just hang after “FileUploading” … waiting for something or blocked by something.

No files appear in the temporary upload area (App_Data\RadUploadTemp).

I am using NT security on a local machine, with a local user id which is in the administrators group.

For what it's worth, the same async upload works when accessing a site (machine) using Active Directory security.

[Hristo Valyavicharski]

Hi,

@Aravind
We are not aware with this issue. Please check if OnClientFileUploadFailed event is fired. Also record your web traffic with Fiddler Cap and attach the recorded log. If files are not uploaded into the Temporary folder this usually means that write permissions are not set or the Upload handler is not registered correctly.

@David
Please try to set DisablePlugins to true and test your page again. Also check the developers' tool for javascript errors.

Regards,
Hristo Valyavicharski
Telerik

[David]

Thanks for the quick response.

We have isolated the problem to IE10 using NT authentication. Chrome and Firefox work OK and a different install using Active Directory security works. IE9 also works fine.The OnClientFileUploadFailed event never fires.


When the following is commented out of web.config

        <windowsAuthentication authPersistSingleRequest="true">
          <providers>
            <clear/>
            <add value="NTLM"/>
          </providers>
        </windowsAuthentication>

the upload works OK ... but we cannot use that as a solution. I have a FiddlerCap file but the upload only allows certain types and under 2M in size. The SAZ file is just over 2M (2.4M) ... please advise.

Thanks for your assistance.

[David]

BTW - I did try the upload with all plugins and add-ons disabled ... and got the same result.

[Hristo Valyavicharski]

Hi David,

You may upload your file somewhere (Google Drive, Dropbox, Skydrive) and just paste the link here, so we can download it and review it.

Regards,
Hristo Valyavicharski
Telerik

[David]

Can I email the file to you?

[David]

I have uploaded the SAZ file to a SkyDrive account:

https://skydrive.live.com/?mkt=en-US#cid=E3FB4C06EEA212F9&id=E3FB4C06EEA212F9%21180

Thanks for your help.

[Peter Filipov]

Hello David,

I have reviewed the log and noticed that the requests to the uploading handler return Error 401(not authorized). Please review the following help article and apply the authorization section for the Telerik.Web.UI.WebResource.axd.

Regards,
Peter Filipov
Telerik

[David]

Unfortunately, the uploads still fail with RadAsyncUpload. I've created a stripped down app that has just a RadAsyncUpload control on it and this test app also fails when using the current trial install of Telerik. (we are currently using an older version of Telerik for reasons that are above my pay grade)
Anyway, when the simple test app has our security/authorization stuff in web.config it fails with the 401. 

You can find RadControlsWebApp1.zip on my Skydrive account at:
https://skydrive.live.com/?mkt=en-US#cid=E3FB4C06EEA212F9&id=E3FB4C06EEA212F9%21180

[David]

FWIW - using the simple test app (still in IE10) in the prior message, if I enable "Compatibility View" in the "Tools" menu, the upload works.

[Peter Filipov]

Hi David,

I have tested your project and when the page is loadded an error is thrown when

<windowsAuthentication authPersistSingleRequest="false">
  <providers>
    <clear/>
    <add value="NTLM"/>
  </providers>
</windowsAuthentication>

is set. If I commented the above code everything is working correct. Could you try to set the following property to true - authPersistSingleRequest.

Regards,
Peter Filipov
Telerik

[David]

Thanks Peter but we cannot comment out that block of web.config code or we'd lose our site security. Our web.config already specified 'true' in the below statement.
<windowsAuthentication authPersistSingleRequest="true">
but when I changed it to 'false" as in your example the uploads work. I'm reviewing our site security/authorization/identity stuff to see if that change will be OK.

Thanks very much for your help with this.

[K]

Hi,

we managed to work around by touching the file handler. Based on our troubleshooting it seems that we can reproduce the issue by:

1. Uploading a file.
2. Removing a file.
3. Idle page for > 2 mins.
4. Reupload file (upload error, red icon).

Our suspicions was that the client and server was in desync state.
So we figure we did an empty call to the axd handler to reset the state.


<script>

     function resetAjax() {
                    var xmlhttp = new XMLHttpRequest();
                    xmlhttp.open('GET', '/telerik.web.ui.webresource.axd?type=rau&t=Math.random()', false);
                    xmlhttp.send();
                }
            </script>

<telerik:RadAsyncUpload CssClass="image-upload" runat="server" ID="test"
                                     MultipleFileSelection="Disabled"
                                    MaxFileInputsCount="1" MaxFileSize="153600" AllowedFileExtensions="jpg,jpeg"
                                    OnClientValidationFailed="validationFailed" OnClientFileSelected="resetAjax">
                                    <Localization Select="Upload" />
                                    </telerik:RadAsyncUpload>




We can't be sure if its environmental but hope it helps someone.

[Susan]

Hi
    I am using RadAsyncUpload in my website with multiple file selection, if I run in ie8,ie9,mozila and chrome it upload multiple files ,but if I run in IE 10 it only upload the first file, and the rest of files just blinking the orange dot ,but not uploading file.
 Please see the attached picture. what do I need to change?
Regards,

[Hristo Valyavicharski]

Hi Susan,

Can you try to handle the OnClientValidationFailed and OnClientFileUploadFailed events? Are they fired? Looks like that the files cannot be uploaded due to the server side error (probably you are exceeding the maximum allowed file size).

http://www.telerik.com/forums/radasyncupload-blinking-yellow

Regards,
Hristo Valyavicharski
Telerik

 

 

[Susan]

Hi Hristo:
I did a very  simple page, no code on server side. OnClientFileUploadFailed never catch any error, OnClientFileSelected I could see each file name selected. I only updated 3 image files which size 1k each. The same code work on IE8, but not on IE11.
Please see the code below.
Thank you very much!


function OnClientFileUploadFailed(sender, args) {
alert("onerror");
alert(args.get_message());

}
function OnClientFileSelected(sender, args) {
var currentFileName = args.get_fileName();
alert(currentFileName);
}
​ <form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" AsyncPostBackTimeout="100000" ></telerik:RadScriptManager>
<div>
<div style="display:inline; position:relative; left:30px; bottom:15px; width:200px;">
<telerik:RadAsyncUpload runat="server" ID="AsyncUploadImage" AllowedFileExtensions="jpg,jpeg,png,gif" MaxFileSize="9048576" MultipleFileSelection="Automatic" MaxFileInputsCount="6" OnClientFileUploadFailed="OnClientFileUploadFailed" OnClientFileSelected="OnClientFileSelected" ></telerik:RadAsyncUpload>
<telerik:RadProgressArea runat="server" ID="RadProgressArea1" />
</div>
<div style="display:inline; position:relative; left:400px; bottom:45px; width:100px;">
<telerik:RadButton ID="btnUpload" runat="server" Text="Upload" ><Icon PrimaryIconCssClass="rbUpload" PrimaryIconLeft="22" PrimaryIconTop="4"></Icon></telerik:RadButton>
</div>
</div>
</form>

[Hristo Valyavicharski]

Hi Susan,

This code works fine on IE11. Can you attach sample project with Fiddler Log? Also point the assembly version you have.

Thanks.

Regards,
Hristo Valyavicharski
Telerik

 

 

[Russ]

It appears this problem persists, even into the version of the tools that we're using (2014 Q1). However, we are seeing slightly different symptoms. We were noticing seemingly random IE lock-ups when using the RAU control. After using the steps you suggest to reproduce the effect, we can confirm that it is caused by the same chain of events but results in a complete browser lock. It seems like adding the resetAjax() function does solve the problem but I would like to hear from Telerik on this.

As a side note, there is a small bug in the code provided by K. The line:

xmlhttp.open('GET', '/telerik.web.ui.webresource.axd?type=rau&t=Math.random()', false);

Should read:

xmlhttp.open('GET', '/telerik.web.ui.webresource.axd?type=rau&t=' + Math.random(), false);

At least, I assume that was his/her intention.

[K]

Yes. It was typo.

Thanks for the correction.

[Russ]

Correction: This does not seem to have completely resolved the problem. We are still seeing random lock-ups on the first click (without a >2 minute wait) after page load. Our RAU control is inside a RadWindow, if it makes a difference.

Thanks

[Hristo Valyavicharski]

There are similar lock-ups in SharePoint. They are caused by the FileApi implementation of IE10.
Following code will disable FileApi module of the AsyncUpload

<script type="text/javascript">
    Telerik.Web.UI.RadAsyncUpload.Modules.FileApi.isAvailable = function () { return false; }
  </script>

Does it work for you?

Regards,
Hristo Valyavicharski
Telerik

 

 

[Russ]

Sorry for the delay in responding. Actually, implementing this code caused the control to stop working altogether. I get the following error in Visual Studio when attempting to upload a file when this code is in place:

Unhandled exception at line 15439, column 1 in http://localhost:28153/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=scriptManager_TSM&compress=1&_TSM_CombinedScripts_=;;Telerik.Web.UI,+Version=2014.3.1104.45,+Culture=neutral,+PublicKeyToken=121fae78165ba3d4:en-US:84beab63-c083-46d9-9db6-a79eb33bf2bd:16e4e7cd:f7645509:24ee1bba:92fe8ea0:fa31b949:874f8ea2:c128760b:19620875:f46195d3:490a9d4e:bd8f85e4:ed16cbdc:88144a7a:7c926187:8674cba1:b7778d6c:c08e9f8a:1e771326:6b3f73b3:59462f1:a51ee93e:e085fe68:78b9daca:52af31a4

0x800a139e - JavaScript runtime error: Error while uploading, [HtmlPage_NotEnabled]

Arguments: 

Debugging resource strings are unavailable. Often the key and arguments provide sufficient information to diagnose the problem. See http://go.microsoft.com/fwlink/?linkid=106663&Version=8.1.30514.0&File=System.Windows.Browser.dll&Key=HtmlPage_NotEnabled

This happens on the line:

throw"Error while uploading, "+i;

[Hristo Valyavicharski]

Russ,

Please open new support ticket and attach sample project, so we can make further investigation.

Thanks.

Regards,
Hristo Valyavicharski
Telerik

 

 

[Joshua]

Hristo,

Thanks for your replies. I am the developer that has been working on this project with Russ. I will create a sample project for you and put it on a support ticket under my account.

Thanks,

Josh

[Tony]

Im having a similar problem with this control in IE10 and IE 11. Has this issue been resolved and if so where can I find the workaround. I am currently using 2014 q3 asp.net ajax and radasyncupload.

[Russ]

We ended up disabling the FileApi, Flash and Silverlight modules.  Right before your RadAsyncUpload markup place this in the page:

<script type="text/javascript">
     Telerik.Web.UI.RadAsyncUpload.Modules.Flash.isAvailable = function () { return false; }
     Telerik.Web.UI.RadAsyncUpload.Modules.Silverlight.isAvailable = function () { return false; }
     Telerik.Web.UI.RadAsyncUpload.Modules.FileApi.isAvailable = function () { return false; }
</script>

[Russ]

Here is the MS connect item related to it:

https://connect.microsoft.com/IE/feedback/details/819941/file-upload-stop-working-on-ie-with-windows-authentication

[Tony]

Thank you Russ it works. I guess im going to disable the progress bar since that stopped working for me.

[Michael Malone]

[quote]Russ said:We ended up disabling the FileApi, Flash and Silverlight modules.  Right before your RadAsyncUpload markup place this in the page:

<script type="text/javascript">
     Telerik.Web.UI.RadAsyncUpload.Modules.Flash.isAvailable = function () { return false; }
     Telerik.Web.UI.RadAsyncUpload.Modules.Silverlight.isAvailable = function () { return false; }
     Telerik.Web.UI.RadAsyncUpload.Modules.FileApi.isAvailable = function () { return false; }
</script>

[/quote]

 

 Should there be semicolons are the end of each of these javascript  statements?