This is a migrated thread and some comments may be shown as answers.

RadAsyncUpload not upload file in IE 10 ?

29 Answers 250 Views
AsyncUpload
This is a migrated thread and some comments may be shown as answers.
Aravind
Top achievements
Rank 1
Aravind asked on 29 Aug 2013, 07:06 AM
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

29 Answers, 1 is accepted

Sort by
0
David
Top achievements
Rank 1
answered on 30 Aug 2013, 05:23 PM
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.

0
Hristo Valyavicharski
Telerik team
answered on 03 Sep 2013, 08:10 AM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
David
Top achievements
Rank 1
answered on 03 Sep 2013, 01:50 PM
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.
0
David
Top achievements
Rank 1
answered on 03 Sep 2013, 05:07 PM
BTW - I did try the upload with all plugins and add-ons disabled ... and got the same result.
0
Hristo Valyavicharski
Telerik team
answered on 06 Sep 2013, 12:51 PM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
David
Top achievements
Rank 1
answered on 06 Sep 2013, 06:55 PM
Can I email the file to you?
0
David
Top achievements
Rank 1
answered on 10 Sep 2013, 01:29 PM
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.


0
Peter Filipov
Telerik team
answered on 11 Sep 2013, 08:49 AM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
David
Top achievements
Rank 1
answered on 17 Sep 2013, 12:08 PM
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


0
David
Top achievements
Rank 1
answered on 17 Sep 2013, 12:28 PM
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.
0
Peter Filipov
Telerik team
answered on 20 Sep 2013, 10:59 AM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
David
Top achievements
Rank 1
answered on 20 Sep 2013, 05:20 PM
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.
0
K
Top achievements
Rank 1
answered on 07 Oct 2013, 04:47 PM
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.
0
Susan
Top achievements
Rank 1
answered on 16 Jul 2014, 01:37 PM
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,

0
Hristo Valyavicharski
Telerik team
answered on 16 Jul 2014, 03:12 PM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Susan
Top achievements
Rank 1
answered on 16 Jul 2014, 04:06 PM
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>
0
Hristo Valyavicharski
Telerik team
answered on 21 Jul 2014, 10:53 AM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Russ
Top achievements
Rank 1
answered on 30 Oct 2014, 10:40 PM
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.
0
K
Top achievements
Rank 1
answered on 31 Oct 2014, 03:52 AM
Yes. It was typo.

Thanks for the correction.
0
Russ
Top achievements
Rank 1
answered on 03 Nov 2014, 09:44 PM
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
0
Hristo Valyavicharski
Telerik team
answered on 06 Nov 2014, 01:57 PM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Russ
Top achievements
Rank 1
answered on 11 Nov 2014, 08:52 PM
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;

0
Hristo Valyavicharski
Telerik team
answered on 16 Nov 2014, 09:39 PM
Russ,

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

Thanks.

Regards,
Hristo Valyavicharski
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Joshua
Top achievements
Rank 1
answered on 19 Nov 2014, 07:50 PM
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
0
Tony
Top achievements
Rank 1
answered on 11 Feb 2015, 03:20 PM
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.
0
Russ
Top achievements
Rank 1
answered on 11 Feb 2015, 03:27 PM
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>

0
Russ
Top achievements
Rank 1
answered on 11 Feb 2015, 03:29 PM
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
0
Tony
Top achievements
Rank 1
answered on 11 Feb 2015, 03:39 PM
Thank you Russ it works. I guess im going to disable the progress bar since that stopped working for me.
0
Michael Malone
Top achievements
Rank 1
answered on 17 Aug 2015, 03:23 PM
[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?

Tags
AsyncUpload
Asked by
Aravind
Top achievements
Rank 1
Answers by
David
Top achievements
Rank 1
Hristo Valyavicharski
Telerik team
Peter Filipov
Telerik team
K
Top achievements
Rank 1
Susan
Top achievements
Rank 1
Russ
Top achievements
Rank 1
Joshua
Top achievements
Rank 1
Tony
Top achievements
Rank 1
Michael Malone
Top achievements
Rank 1
Share this question
or