Load image in ImageEditor control after upload Image using Client side API

[Ilyhel]

Hi ,
i work on project that we should combine every image uploader with Image editor , so to do this requirement i create a custom application page with a telerik
image editor control and after image added event in image uploader i call this page as a pop up but the probleme there i dont know how can i set the image in the editor  using client side API. for the moment i get it empty.
i try to use setserverurl().

Best regards

[Vessy]

Hi Ilyhel,

I am afraid that the desired functionality cannot be achieved on the client. Currently the ImageUrl can be changed only from the Server, the same applies for loading an uploaded image into the ImageEditor. You can examine the following live demo for more details on a possible approach you can use:
Upload and Edit Image

Hope this helps.

Regards,
Vessy
Telerik

 

 

[Elliot]

Hi,

I am trying to get the Upload and Edit Image demo working on a test machine but when I interact with toolbar command that displays a dialog and then close the dialog, all other toolbar dialog's are the dialog I just closed. The RadAjaxManager seems to be preventing the dialog's from behaving correctly because when I remove it, the dialog's behave as intended. Is there something I am missing from web.config ?

Web.config

<?xml version="1.0" encoding="utf-8"?>
<!--
  For more information on how to configure your ASP.NET application, please visit
  http://go.microsoft.com/fwlink/?LinkId=169433
  -->
<configuration>
  <appSettings>
    <add key="ValidationSettings:UnobtrusiveValidationMode" value="None" />
  </appSettings>

  <location path="Telerik.Web.UI.WebResource.axd">
    <system.web>
      <authorization>
        <allow users="*"/>
      </authorization>
    </system.web>
  </location>
  <location path="js">
    <system.web>
      <authorization>
        <allow users="*" />
      </authorization>
    </system.web>
  </location>
  <location path="images">
    <system.web>
      <authorization>
        <allow users="*" />
      </authorization>
    </system.web>
  </location>
  <system.web>
    <compilation debug="true" targetFramework="4.5" />
    <httpRuntime targetFramework="4.5" />
    <httpHandlers>
      <add path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI" validate="false"/>
    </httpHandlers>
  </system.web>
  <system.webServer>
    <handlers>
      <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>
    <validation validateIntegratedModeConfiguration="false"/>
  </system.webServer>
</configuration>

Default.aspx

[Slav]

Hi Elliot,

Most probably this problem is caused by the Browser Link feature of Visual Studio 2013. If you indeed use this version of VS and Browser Link is enabled, try disabling it and check if the problem persists.

If it does, I have attached a sample project that includes the Upload and Edit Image demo, so that you can use it as a reference for isolating the demo on your end.

Regards,
Slav
Telerik

 

 

[Elliot]

Thanks Slav!

That resolved my issue.