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

RadAsyncUpload is not working in chrome and IE

1 Answer 182 Views
AsyncUpload
This is a migrated thread and some comments may be shown as answers.
Rate
Top achievements
Rank 1
Rate asked on 08 Nov 2012, 06:32 AM
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>

1 Answer, 1 is accepted

Sort by
0
Plamen
Telerik team
answered on 13 Nov 2012, 06:48 AM
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.
Tags
AsyncUpload
Asked by
Rate
Top achievements
Rank 1
Answers by
Plamen
Telerik team
Share this question
or