RadAsyncUpload is not working in chrome and IE

2 posts, 0 answers
  1. Rate
    Rate avatar
    1 posts
    Member since:
    Nov 2012

    Posted 08 Nov 2012 Link to this post

    Hello,
     My requirment is change profile picture like ('face book' profile pic change) so i choose RadAsynUpload Control (http://demos.telerik.com/aspnet-ajax/asyncupload/examples/ajaxprocessing/defaultcs.aspx) and implemented in my app ,its working in Firefox but not working in chrome. could you please help me out.

    Sourcode:

    <div class="border" id="D1" onmouseover="ShowIcon('Div1','true');" onmouseout="ShowIcon('Div1','false');"
                            style="height: 110px;">
                            <a href="#" title="Famili Account Setup + Edit">
                                <telerik:RadBinaryImage runat="server" ID="Thumbnail" ResizeMode="Crop" Width="100"
                                    Height="115" ImageUrl="~/Images/image-1.png" CssClass="binary-image" />
                            </a>
                            <div id="Div1" style="position: relative; top: -50px; left: 0px; z-index: 10000;
                                display: block;">                           
                                <div class="qsf-demo-canvas upload-panel">                          
                                    <div class="upload">
                                        <telerik:RadAsyncUpload runat="server" ID="AsyncUpload1" MaxFileInputsCount="1" OnClientFileUploaded="fileUploaded"
                                            OnFileUploaded="AsyncUpload1_FileUploaded" AllowedFileExtensions="jpeg,jpg,gif,png,bmp"
                                            OnClientValidationFailed="validationFailed" CssClass="ru Browse" Style="display: block" OnClientFileUploadFailed ="fileUploadedFailed">
                                            <Localization Select="Edit" />
                                        </telerik:RadAsyncUpload>
                                    </div>
                                    <hr class="qsf-clear-float" style="display: none" />
                                    <div class="invalid">
                                    </div>
                                </div>
                               </div>
                        </div>

    Javascript for mouse over and out :


    <script type="text/javascript">
           function ShowIcon(arg1, arg2) {
                 
               var img1 = document.getElementById(arg1);
               if (arg2 == 'true') {
                   if (img1 != null) {
                       img1.style.display = "block";
                   }
               }
               else {
                   img1.style.display = "none";
               }
     
     
           }
       </script>
  2.
  3. Plamen
    Admin
    Plamen avatar
    3077 posts

    Posted 13 Nov 2012 Link to this post

    Hello Rate,

     
    I have inspected the issue and the code that you pasted but it is not very clear what is not working properly. Would you please share all the clients code used as well so we can inspect what is different and be more helpful?

    Kind regards,
    Plamen
    the Telerik team
    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 their blog feed now.
Back to Top