kendo ui imagebrowser默认图像文件夹

Question

我已经使用此代码尝试生成图像浏览器. http://www.telerik.com/forums/imagebrowser-with-images-from-database

我不知道从哪里获取文件夹图像？我在图像上找到了一个带有默认文件夹的图像:Content\kendo\2013.2.716\Default但我找不到它在哪里或者是否曾经使用它.

我不知道这是否也是我的问题.

你可以继续加载,文件夹图像永远不会显示.

我按照上面链接中的示例中的代码进行操作,这就是我最终的结果.当我添加一个文件夹时,它会将文件夹添加到数据库中,它还会添加图像.

当我添加图像时,它会按预期显示缩略图和文件名,但是当我重新加载页面时,我最终会得到与文件夹相同的结果.

这是我在读取文件时调用的代码:

  public JsonResult Read(string path)
    {
        var folders = imageBrowserRepository.Folders(path);

        var images = imageBrowserRepository.Images(path);

        return Json(folders.Concat(images));
    }



    public IEnumerable<ImageBrowserEntry> Folders(string path)
    {
        return Folders(GetFolderByPath(path));
    }

     public Folder GetFolderByPath(string path)
    {
        if (string.IsNullOrEmpty(path) || path == "/")
        {
            return GetRootFolder();
        }

        var name = GetFolderNames(path).Last().ToLower();

        if (!path.StartsWith("/"))
        {
            path = "/" + path;
        }

        path = NormalizePath(path, name);

        return travelContext.Folders.FirstOrDefault(f => f.Path.ToLower() == path && f.Name.ToLower() == name);
    }


    public Folder GetRootFolder()
    {
        return travelContext.Folders.SingleOrDefault(f => f.Parent == null);
    }

这是返回的文件夹/图像的样子

我想这可能与文件大小有关？

Answer 1

您尚未提供有关图像浏览器配置的任何详细信息，但您必须检查“kendoEditor”jquery 对象初始化的“imageBrowser”属性的配置，如页面图像浏览器配置中所述。Jquery 代码如下所示。

$(document).ready(function(){
     $("#editor").kendoEditor({
         imageBrowser: {
            transport:`enter code here` {
                read: "imagebrowser/read",
                destroy: "imagebrowser/destroy",
                create: "imagebrowser/createDirectory",
                uploadUrl: "imagebrowser/upload",
                thumbnailUrl: "imagebrowser/thumbnail"
                imageUrl: "/content/images/{0}"
            }
         }
     });
  });

根据imageBrowser.transport和imageBrowser.transport.read配置，我认为当用户单击编辑器中的图像浏览器图标时，它会向在 read 属性中设置的路径发出 ajax 请求，如上面的示例所示，其“imagebrowser/read”和此 api需要返回所有图像名称的数组，其大小采用以下 json 数组格式：

[{“名称”：“foo”，“类型”：“d”}，{“名称”：“bar.png”，“类型”：“f”，“大小”：15289}]

因此，请检查您的配置并正确设置 API 以使其正常工作。