Error Handling within an Editor and ImageBrowser

[Rodrigo]

Hello! I'm using the Editor with a button to display the ImageBrowser component.

My API will return a Bad Request status code whenever the image is too large or somehow invalid to be uploaded.

I wasn't able to customize the error message displayed. Also, even though the request returns with an error, the item is displayed within the Image Browser with the loading icon.

I checked and even on the demos this is happening.

How can I have the image browser to not display items when the request (to upload) return with an error and also customize how the error message is displayed? (ie, display the string content returned by the server without prepending content to the string as the default behavior).

Thanks for helping.

[Alexander Popov]

Hi Rodrigo,

You can try getting the ImageBrowser instance once the command is executed. This will allow you to access the Upload widget as well and subscribe to its error event. For example:  

$("#editor").kendoEditor({
  execute: function(e){
    if(e.name == "insertimage") {
      setTimeout(function() {
        var ib = $("[data-role='imagebrowser']").getKendoImageBrowser();
        ib.upload.bind("error", function() {
          alert("error uploading file");
        })
      })
    }
  },

Regards,
Alexander Popov
Telerik