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

RadAsyncUpload doesn’t work with IE 10 and RTL

14 Answers 125 Views

AsyncUpload

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

14 Answers, 1 is accepted

answered on 29 Jul 2013, 12:33 PM

Hi,

We found a temporary workaround for this issue. You can apply the following CSS stylesheet to your code.

html .RadUpload input.ruFileInput {

display: inline-block;

width: 700px;

text-indent: -999px;

}

Keep in mind please, that for IE10 it is necessary to double click the input to open browser window or click the select button.

I will also remind you that you can use HideFileInput property of RadAsyncUpload which will hide the input field.

I hope this will help you for now.

Regards,
Magdalena
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.

answered on 19 Dec 2013, 03:11 PM

UPDATE: I think ive found a reproduceable scenario. It seems to be related to using a RadAjaxManager and RadAsyncUpload. What is weird is the following code is exact COPY/PASTE of this demo (except the two <%@ Register lines that I removed in mine and the CodeFile that ive changed for CodeBehind) which works good in my IE11. I dont use the Register because im using Telerik reference in my Web.Config and I get an error when I use CodeFile (Parser Error Message: The file '/project/DefaultCS.aspx.cs' does not exist.)

The following code should not render the RadAsyncUpload if no Compatibility Mode is used in IE11

If I remove the RadAjaxManager tags (and the line in the OnClientFilesUploaded javascript function), it will display.

Could it be because im using .net 4.0 and live demo is 4.5? I opened a ticket (#770418)

<%@ Page Title="" Language="C#" AutoEventWireup="true"

CodeBehind="DefaultCS.aspx.cs" Inherits="ImageEditor_Examples_UploadImage_DefaultCS" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns='http://www.w3.org/1999/xhtml'>

<head>

<title>ASP.NET AsyncUpload Demo - Upload and Edit Image</title>

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />

<style type="text/css">

._Telerik_IE9 .RadDock.rieDialogs {

z-index: 20001;

}

._Telerik_IE9 .rcbSlide {

z-index: 20002 !important;

}

#dwndWrapper {

height: 85px;

background-image: url("../../images/upload_100.png");

background-position: left;

background-repeat: no-repeat;

padding: 15px 0 0 100px;

}

.RadUpload .ruBrowse {

width: 90px !important;

}

</style>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

<telerik:RadSkinManager ID="QsfSkinManager" runat="server" ShowChooser="true" />

<telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All" EnableRoundedCorners="false" />

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

<script type="text/javascript">

function OnClientFilesUploaded(sender, args) {

$find('<%=RadAjaxManager1.ClientID %>').ajaxRequest();

}

</script>

</telerik:RadScriptBlock>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnablePageHeadUpdate="false">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadImageEditor1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div id="dwndWrapper">

<telerik:RadAsyncUpload ID="AsyncUpload1" runat="server"

OnClientFilesUploaded="OnClientFilesUploaded" OnFileUploaded="AsyncUpload1_FileUploaded"

MaxFileSize="2097152" AllowedFileExtensions="jpg,png,gif,bmp"

AutoAddFileInputs="false" Localization-Select="Upload Image" />

<asp:Label ID="Label1" Text="*Size limit: 2MB" runat="server" Style="font-size: 10px;"></asp:Label>

</div>

<telerik:RadImageEditor ID="RadImageEditor1" runat="server" Width="680" Height="450"

ImageUrl="~/ImageEditor/images/waterpool.jpg" OnImageLoading="RadImageEditor1_ImageLoading">

</telerik:RadImageEditor>

</form>

</body>

</html>

using System;

using System.Linq;

using System.IO;

using Telerik.Web.UI;

using Telerik.Web.UI.ImageEditor;

public partial class ImageEditor_Examples_UploadImage_DefaultCS : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void AsyncUpload1_FileUploaded(object sender, FileUploadedEventArgs e)

{

//Clear changes and remove uploaded image from Cache

RadImageEditor1.ResetChanges();

Context.Cache.Remove(Session.SessionID + "UploadedFile");

using (Stream stream = e.File.InputStream)

{

byte[] imgData = new byte[stream.Length];

stream.Read(imgData, 0, imgData.Length);

MemoryStream ms = new MemoryStream();

ms.Write(imgData, 0, imgData.Length);

Context.Cache.Insert(Session.SessionID + "UploadedFile", ms, null, DateTime.Now.AddMinutes(20), TimeSpan.Zero);

}

protected void RadImageEditor1_ImageLoading(object sender, ImageEditorLoadingEventArgs args)

{

//Handle Uploaded images

if (!Object.Equals(Context.Cache.Get(Session.SessionID + "UploadedFile"), null))

{

using (EditableImage image = new EditableImage((MemoryStream)Context.Cache.Get(Session.SessionID + "UploadedFile")))

{

args.Image = image.Clone();

args.Cancel = true;

}

Web.Config

<?xml version="1.0"?>

<configuration>

<configSections>

<sectionGroup name="telerik.web.ui">

<section name="radScheduler" type="Telerik.Web.UI.RadSchedulerConfigurationSection, Telerik.Web.UI" allowDefinition="MachineToApplication" requirePermission="false"/>

<section name="radCompression" type="Telerik.Web.UI.RadCompressionConfigurationSection, Telerik.Web.UI, PublicKeyToken=121fae78165ba3d4" allowDefinition="MachineToApplication" requirePermission="false"/>

</sectionGroup>

<sectionGroup name="applicationSettings" type=

"System.Configuration.ApplicationSettingsGroup, System, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089"

>

<section name="LyncImage.Properties.Settings" type="System.Configuration.ClientSettingsSection, System, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" requirePermission="false" />

</sectionGroup>

</configSections>

<system.net>

<defaultProxy enabled="false">

</defaultProxy>

</system.net>

<connectionStrings>

</connectionStrings>

<appSettings>

<

</appSettings>

<system.web>

<sessionState timeout="525600"/>

<globalization resourceProviderFactoryType="PL.ResourceProviderPL.SqlResourceProviderFactory" fileEncoding="utf-8" requestEncoding="utf-8" responseEncoding="utf-8" culture="en-US" uiCulture="en-US"/>

<webServices>

<protocols>

<add name="HttpPost"/>

</protocols>

</webServices>

<customErrors mode="Off"/>

<!--

Set compilation debug="true" to insert debugging

symbols into the compiled page. Because this

affects performance, set this value to true only

during development.

-->

<compilation debug="true" targetFramework="4.0" batch="false">

<codeSubDirectories>

</codeSubDirectories>

<assemblies>

<add assembly="System.Data.Services, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/>

<add assembly="System.Data.Services.Client, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/>

<add assembly="System.Data.Entity, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089"/>

<add assembly="System.Data.Entity.Design, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089"/>

<add assembly="System.Data.Linq, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089"/>

</assemblies>

</compilation>

<httpRuntime maxRequestLength="102400"/>

<httpHandlers>

<add verb="*" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.Upload.RadUploadProgressHandler, Telerik.Web.UI"/>

<add verb="*" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler, Telerik.Web.UI, Culture=neutral, PublicKeyToken=121fae78165ba3d4"/>

<add verb="*" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler, Telerik.Web.UI, Culture=neutral, PublicKeyToken=121fae78165ba3d4"/>

<add verb="*" path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler, Telerik.Web.UI, Culture=neutral, PublicKeyToken=121fae78165ba3d4" validate="false"/>

<add path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI" validate="false"/>

</httpHandlers>

<httpModules>

<add name="RadCompression" type="Telerik.Web.UI.RadCompression"/>

<add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule, Telerik.Web.UI"/>

</httpModules>

<siteMap>

<providers>

<add name="ExamplesProvider" type="System.Web.XmlSiteMapProvider, System.Web, Version=2.0.3600.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" siteMapFile="~/Examples.sitemap"/>

</providers>

</siteMap>

<pages clientIDMode="AutoID">

<controls>

<add tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI"/>

</controls>

</pages>

<authentication mode="Windows"/>

</system.web>

<system.web.extensions>

<scripting>

<webServices>

<jsonSerialization maxJsonLength="5000000"/>

</webServices>

</scripting>

</system.web.extensions>

<telerik.web.ui>

<radScheduler defaultAppointmentProvider="Integrated">

<appointmentProviders>

<add name="ReadOnlyXmlSchedulerProvider" type="Telerik.Web.UI.XmlSchedulerProvider" fileName="~/App_Data/Appointments.xml" persistChanges="false"/>

<add name="ReadOnlySchedulerData" type="Telerik.Web.Examples.Scheduler.MyDbSchedulerProvider" connectionStringName="TelerikConnectionString" persistChanges="false"/>

</appointmentProviders>

</radScheduler>

<radCompression enablePostbackCompression="true">

<excludeHandlers>

<add handlerPath="" matchExact="true"/>

</excludeHandlers>

</radCompression>

</telerik.web.ui>

<system.webServer>

<validation validateIntegratedModeConfiguration="false"/>

<modules>

<add name="RadCompression" type="Telerik.Web.UI.RadCompression"/>

<add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule, Telerik.Web.UI" preCondition="managedHandler"/>

</modules>

<handlers>

<add name="ChartImage.axd_*" path="ChartImage.axd" verb="*" type="Telerik.Web.UI.ChartHttpHandler, Telerik.Web.UI, Culture=neutral, PublicKeyToken=121fae78165ba3d4" preCondition="integratedMode"/>

<add name="Telerik.Web.UI.SpellCheckHandler.axd_*" path="Telerik.Web.UI.SpellCheckHandler.axd" verb="*" type="Telerik.Web.UI.SpellCheckHandler, Telerik.Web.UI, Culture=neutral, PublicKeyToken=121fae78165ba3d4" preCondition="integratedMode"/>

<add name="Telerik.Web.UI.DialogHandler.aspx_*" path="Telerik.Web.UI.DialogHandler.aspx" verb="*" type="Telerik.Web.UI.DialogHandler, Telerik.Web.UI, Culture=neutral, PublicKeyToken=121fae78165ba3d4" preCondition="integratedMode"/>

<add name="Telerik.RadUploadProgressHandler.ashx_*" path="Telerik.RadUploadProgressHandler.ashx" verb="*" type="Telerik.Web.UI.Upload.RadUploadProgressHandler, Telerik.Web.UI" preCondition="integratedMode"/>

<add name="Telerik.Web.UI.WebResource.axd_*" path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI" preCondition="integratedMode"/>

</handlers>

<security>

<requestFiltering allowDoubleEscaping="True"/>

</security>

</system.webServer>

<system.serviceModel>

<behaviors>

<endpointBehaviors>

<behavior name="ComboBoxWcfServiceAspNetAjaxBehavior">

<enableWebScript/>

</behavior>

<behavior name="TreeViewWcfServiceAspNetAjaxBehavior">

<enableWebScript/>

</behavior>

<behavior name="TagCloudWcfServiceAspNetAjaxBehavior">

<enableWebScript/>

</behavior>

<behavior name="MenuWcfServiceAspNetAjaxBehavior">

<enableWebScript/>

</behavior>

<behavior name="GridWcfServiceAspNetAjaxBehavior">

<enableWebScript/>

</behavior>

<behavior name="ListViewWcfServiceAspNetAjaxBehavior">

<enableWebScript/>

</behavior>

<behavior name="SchedulerWcfServiceAspNetAjaxBehavior">

<enableWebScript/>

</behavior>

<behavior name="ListBoxWcfServiceAspNetAjaxBehavior">

<enableWebScript/>

</behavior>

<behavior name="XmlHttpPanelWcfBehavior">

<webHttp/>

</behavior>

<behavior name="CustomersWebServiceAspNetAjaxBehavior">

<enableWebScript/>

</behavior>

</endpointBehaviors>

<serviceBehaviors>

<behavior name="XmlHttpPanelWcfBehavior">

<serviceMetadata httpGetEnabled="true"/>

<serviceDebug includeExceptionDetailInFaults="true"/>

</behavior>

</serviceBehaviors>

</behaviors>

<serviceHostingEnvironment aspNetCompatibilityEnabled="true" multipleSiteBindingsEnabled="true"/>

<services>

<service name="ComboBoxWcfService">

<endpoint address="" behaviorConfiguration="ComboBoxWcfServiceAspNetAjaxBehavior" binding="webHttpBinding" contract="ComboBoxWcfService"/>

<!--<endpoint address="" behaviorConfiguration="ComboBoxWcfServiceAspNetAjaxBehavior"

binding="webHttpBinding" bindingConfiguration="secureBinding" contract="ComboBoxWcfService" />-->

</service>

<service name="TreeViewWcfService">

<endpoint address="" behaviorConfiguration="TreeViewWcfServiceAspNetAjaxBehavior" binding="webHttpBinding" contract="TreeViewWcfService"/>

<!--<endpoint address="" behaviorConfiguration="TreeViewWcfServiceAspNetAjaxBehavior"

binding="webHttpBinding" bindingConfiguration="secureBinding" contract="TreeViewWcfService" />-->

</service>

<service name="TagCloudWcfService">

<endpoint address="" behaviorConfiguration="TagCloudWcfServiceAspNetAjaxBehavior" binding="webHttpBinding" contract="TagCloudWcfService"/>

<!--<endpoint address="" behaviorConfiguration="TagCloudWcfServiceAspNetAjaxBehavior"

binding="webHttpBinding" bindingConfiguration="secureBinding" contract="TagCloudWcfService" />-->

</service>

<service name="MenuWcfService">

<endpoint address="" behaviorConfiguration="MenuWcfServiceAspNetAjaxBehavior" binding="webHttpBinding" contract="MenuWcfService"/>

<!--<endpoint address="" behaviorConfiguration="MenuWcfServiceAspNetAjaxBehavior"

binding="webHttpBinding" bindingConfiguration="secureBinding" contract="MenuWcfService" />-->

</service>

<service name="GridWcfService">

<endpoint address="" behaviorConfiguration="GridWcfServiceAspNetAjaxBehavior" binding="webHttpBinding" contract="GridWcfService"/>

<!--<endpoint address="" behaviorConfiguration="GridWcfServiceAspNetAjaxBehavior"

binding="webHttpBinding" bindingConfiguration="secureBinding" contract="GridWcfService" />-->

</service>

<service name="GridMasterDetailsService">

<endpoint address="" behaviorConfiguration="GridWcfServiceAspNetAjaxBehavior" binding="webHttpBinding" contract="GridMasterDetailsService"/>

<!--<endpoint address="" behaviorConfiguration="GridWcfServiceAspNetAjaxBehavior"

binding="webHttpBinding" bindingConfiguration="secureBinding" contract="GridMasterDetailsService" />-->

</service>

<service name="ListViewWcfService">

<endpoint address="" behaviorConfiguration="ListViewWcfServiceAspNetAjaxBehavior" binding="webHttpBinding" contract="ListViewWcfService"/>

<!--<endpoint address="" behaviorConfiguration="ListViewWcfServiceAspNetAjaxBehavior"

binding="webHttpBinding" bindingConfiguration="secureBinding" contract="ListViewWcfService" />-->

</service>

<service name="SchedulerWcfService">

<endpoint address="" behaviorConfiguration="SchedulerWcfServiceAspNetAjaxBehavior" binding="webHttpBinding" contract="SchedulerWcfService"/>

<!--<endpoint address="" behaviorConfiguration="SchedulerWcfServiceAspNetAjaxBehavior"

binding="webHttpBinding" bindingConfiguration="secureBinding" contract="SchedulerWcfService" />-->

</service>

<service name="ListBoxWcfService">

<endpoint address="" behaviorConfiguration="ListBoxWcfServiceAspNetAjaxBehavior" binding="webHttpBinding" contract="ListBoxWcfService"/>

<!--<endpoint address="" behaviorConfiguration="ListBoxWcfServiceAspNetAjaxBehavior"

binding="webHttpBinding" bindingConfiguration="secureBinding" contract="ListBoxWcfService" />-->

</service>

<service behaviorConfiguration="XmlHttpPanelWcfBehavior" name="XmlHttpPanelWcfService">

<endpoint address="" binding="webHttpBinding" contract="IXmlHttpPanelWcfService" behaviorConfiguration="XmlHttpPanelWcfBehavior"/>

<!--<endpoint address="" binding="webHttpBinding" bindingConfiguration="secureBinding"

contract="IXmlHttpPanelWcfService" behaviorConfiguration="XmlHttpPanelWcfBehavior"/>-->

</service>

<service name="CustomersWebService">

<endpoint address="" behaviorConfiguration="CustomersWebServiceAspNetAjaxBehavior" binding="webHttpBinding" contract="CustomersWebService"/>

<!--<endpoint address="" behaviorConfiguration="CustomersWebServiceAspNetAjaxBehavior"

binding="webHttpBinding" bindingConfiguration="secureBinding" contract="CustomersWebService" />-->

</service>

</services>

<bindings>

<basicHttpBinding>

<binding name="basicHttpEndpointBasic" closeTimeout="00:01:00" openTimeout="00:01:00" receiveTimeout="00:10:00" sendTimeout="00:01:00" allowCookies="false" bypassProxyOnLocal="false" hostNameComparisonMode="StrongWildcard" maxBufferSize="524288" maxBufferPoolSize="524288" maxReceivedMessageSize="524288" messageEncoding="Text" textEncoding="utf-8" transferMode="Buffered" useDefaultWebProxy="true">

<readerQuotas maxDepth="32" maxStringContentLength="524288" maxArrayLength="16384" maxBytesPerRead="4096" maxNameTableCharCount="16384"/>

<security mode="None">

<transport realm=""/>

</security>

</binding>

</basicHttpBinding>

<!--<webHttpBinding>

<binding name="secureBinding">

<security mode="Transport" />

</binding>

</webHttpBinding>-->

<customBinding>

<binding name="webHttpBinding">

<textMessageEncoding maxReadPoolSize="64" maxWritePoolSize="16" messageVersion="Soap12" writeEncoding="utf-8">

<readerQuotas maxDepth="32" maxStringContentLength="8192" maxArrayLength="16384" maxBytesPerRead="4096" maxNameTableCharCount="16384"/>

</textMessageEncoding>

</binding>

</customBinding>

</bindings>

<client>

<endpoint address="http://api.hisoftware.com/Service.svc" binding="basicHttpBinding" bindingConfiguration="basicHttpEndpointBasic" contract="BasicServiceReference.Basic" name="basicHttpEndpointBasic"/>

<endpoint binding="customBinding" bindingConfiguration="webHttpBinding" contract="BasicServiceReference.Basic" name="webHttpBinding"/>

</client>

</system.serviceModel>

<applicationSettings>

<LyncImage.Properties.Settings>

</LyncImage.Properties.Settings>

</applicationSettings>

</configuration>

TIA

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Extended Reality

Free Tools

RadAsyncUpload doesn’t work with IE 10 and RTL

14 Answers, 1 is accepted