RadAsyncUpload not upload file in IE 10 ?

30 posts, 0 answers
  1. Aravind
    Aravind avatar
    41 posts
    Member since:
    Jun 2013

    Posted 29 Aug 2013 Link to this post

    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
  2. David
    David avatar
    23 posts
    Member since:
    Jun 2013

    Posted 30 Aug 2013 Link to this post

    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.

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 03 Sep 2013 Link to this post

    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.
  5. David
    David avatar
    23 posts
    Member since:
    Jun 2013

    Posted 03 Sep 2013 Link to this post

    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.
  6. David
    David avatar
    23 posts
    Member since:
    Jun 2013

    Posted 03 Sep 2013 Link to this post

    BTW - I did try the upload with all plugins and add-ons disabled ... and got the same result.
  7. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 06 Sep 2013 Link to this post

    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.
  8. David
    David avatar
    23 posts
    Member since:
    Jun 2013

    Posted 06 Sep 2013 Link to this post

    Can I email the file to you?
  9. David
    David avatar
    23 posts
    Member since:
    Jun 2013

    Posted 10 Sep 2013 Link to this post

    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.


  10. Peter Filipov
    Admin
    Peter Filipov avatar
    1028 posts

    Posted 11 Sep 2013 Link to this post

    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.
  11. David
    David avatar
    23 posts
    Member since:
    Jun 2013

    Posted 17 Sep 2013 Link to this post

    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


  12. David
    David avatar
    23 posts
    Member since:
    Jun 2013

    Posted 17 Sep 2013 Link to this post

    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.
  13. Peter Filipov
    Admin
    Peter Filipov avatar
    1028 posts

    Posted 20 Sep 2013 Link to this post

    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.
  14. David
    David avatar
    23 posts
    Member since:
    Jun 2013

    Posted 20 Sep 2013 Link to this post

    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.
  15. K
    K avatar
    11 posts
    Member since:
    Aug 2013

    Posted 07 Oct 2013 Link to this post

    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.
  16. Susan
    Susan avatar
    2 posts
    Member since:
    Jul 2014

    Posted 16 Jul 2014 Link to this post

    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,

  17. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 16 Jul 2014 Link to this post

    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.

     
  18. Susan
    Susan avatar
    2 posts
    Member since:
    Jul 2014

    Posted 16 Jul 2014 in reply to Hristo Valyavicharski Link to this post

    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>
  19. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 21 Jul 2014 Link to this post

    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.

     
  20. Russ
    Russ avatar
    49 posts
    Member since:
    Sep 2006

    Posted 30 Oct 2014 in reply to K Link to this post

    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.
  21. K
    K avatar
    11 posts
    Member since:
    Aug 2013

    Posted 30 Oct 2014 in reply to Russ Link to this post

    Yes. It was typo.

    Thanks for the correction.
  22. Russ
    Russ avatar
    49 posts
    Member since:
    Sep 2006

    Posted 03 Nov 2014 Link to this post

    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
  23. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 06 Nov 2014 Link to this post

    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.

     
  24. Russ
    Russ avatar
    49 posts
    Member since:
    Sep 2006

    Posted 11 Nov 2014 in reply to Hristo Valyavicharski Link to this post

    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;

  25. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 16 Nov 2014 Link to this post

    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.

     
  26. Joshua
    Joshua avatar
    3 posts
    Member since:
    May 2014

    Posted 19 Nov 2014 in reply to Hristo Valyavicharski Link to this post

    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
  27. Tony
    Tony avatar
    3 posts
    Member since:
    Feb 2013

    Posted 11 Feb 2015 Link to this post

    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.
  28. Russ
    Russ avatar
    49 posts
    Member since:
    Sep 2006

    Posted 11 Feb 2015 in reply to Tony Link to this post

    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>

  29. Russ
    Russ avatar
    49 posts
    Member since:
    Sep 2006

    Posted 11 Feb 2015 in reply to Tony Link to this post

    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
  30. Tony
    Tony avatar
    3 posts
    Member since:
    Feb 2013

    Posted 11 Feb 2015 in reply to Russ Link to this post

    Thank you Russ it works. I guess im going to disable the progress bar since that stopped working for me.
  31. Michael Malone
    Michael Malone avatar
    68 posts
    Member since:
    May 2010

    Posted 17 Aug 2015 in reply to Russ Link to this post

    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>

     

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

Back to Top
UI for ASP.NET Ajax is Ready for VS 2017