Implementing Image Browser for editor

Hello Shaun,

I suspect that the behavior you are experiencing is caused by the fact that the server-side code you are using is for the Editor for KendoUI for ASP.NET MVC widget wrapper. Thus, you may consider using the wrapper instead, or maybe implement the server logic required by the ImageBrowser.

Regards,
Rosen
the Telerik team

Hi there

Thanks for your reply - I actually just lifted the code from your Kendo example : 

http://demos.kendoui.com/web/editor/imagebrowser.html 

In that case, do you have an up-to-date example/implementation ?

Thanks

Hi Shaun,

The code in question is up-to-date, however as I have mentioned, it is specific to the KendoUI for ASP.NET MVC wrapper of the Editor widget. Thus, will not work as it is with the plain KendoUI Editor. However, you can find attached an example which shows how to use the  KendoUI Web Editor widget within ASP.NET MVC.

Regards,
Rosen
the Telerik team

That's fantastic - thank you !

I am trying to integrate the same...

Firstly - great example, all the uploads worked perfectly, and the folder creation and navigation - However the selection and insertion of the actual images doesn't work?

All I did was download the example, KendoEditorImageBrowser.zip, and ran it... all worked correctly except when you click an image in the image browser, nothing happens...

[EDIT]

It seems to be in chrome that this happens, just tried it in FF and works fine. - maybe just a chrome issue?

Hello George,

I'm unable to observe such behavior locally. Here is a short video which captures the sample local behavior.

Greetings,
Rosen
the Telerik team

The example project works great, but when I try to use it with the mvc wrapper looking like this:

Uploading & Selecting works great, but when I close the image browser and open it up again I get the uploaded files detected as directories with 'undefined' names.

Attached is a screenshot.

Hello Georgi,

The project attached in my previous reply is intended to be used with the plain KendoUI Editor. A version applicable for KendoUI for ASP.NET MVC can be found in the sample application available with the KendoUI for ASP.NET MVC distribution.

Regards,
Rosen
Telerik

I tested the example, but it seems incomplete. When I upload an image I see 'undefined' for a file name and the image does not display until I reopen the image browser. The image is uploaded correctly however and it is displayed after reopen.

Hi Georgi,

The described issue is a known one and the fix should be available in the next internal build. Therefore, please download it and give it a try.

Regards,
Rosen
Telerik

Any update in this bug?

Hello claudio,

The fix for the mentioned issue is available in the latest (Q2 2013 SP1) official release of KendoUI. Did you try it?

Regards,
Rosen
Telerik

I'm using the Q2 2013 SP1 2013.2.918 version, have the seme problem that in the 2013.2.716, after upload an image in image browser the thumbnail dont show and says undefinied, but after reload the image is show correctly. Also if i change the folder and come back to the original folder where it was uploaded.

I get my code from one of your examples, this is from my ImageBrowserController for Upload and Thumbnail. im connecting an sqlserver 2012 DB

 public ActionResult Thumbnail(string path)
        {
            //TODO:Add security checks

            var files = new FilesRepository();
            var image = files.ImageByPath(path);
            if (image != null)
            {
                var desiredSize = new ImageSize { Width = ThumbnailWidth, Height = ThumbnailHeight };

                const string contentType = "image/png";

                var thumbnailCreator = new ThumbnailCreator(new FitImageResizer());

                using (var stream = new MemoryStream(image.Image1.ToArray()))
                {
                    return File(thumbnailCreator.Create(stream, desiredSize, contentType), contentType);
                }
            }
            throw new HttpException(404, "File Not Found");
        }

 public ActionResult Upload(string path, HttpPostedFileBase file)
        {
            if (file != null)
            {
                var files = new FilesRepository();
                var parentFolder = files.GetFolderByPath(path);
                if (parentFolder != null)
                {
                    files.SaveImage(parentFolder, file);
                    return Json(
                        new
                        {
                            name = Path.GetFileName(file.FileName)
                        }
                    , "text/plain");
                }
            }
            throw new HttpException(404, "File Not Found");
        }

Hello claudio,

Are you using the KendoUI for ASP.NET MVC or KendoUI Web. The code you have pasted seems to be correct if the KendoUI Web is used and will not work in case of ASP.NET MVC wrappers. This is due to the fact that casing of the returned data is not valid for ASP.NET MVC wrappers schema definition. 

On a side note I would ask you to open a separate support request if additional questions arise, in which to state the exact version you are using and provide more detailed information about your scenario.

Regards,
Rosen
Telerik