半岛权威十大直营(官方)网站

    Kendo UI Web中的图像浏览器在默认的情况下会打开一个简单的对话框，如下图所示，方便用户键入或者是粘贴图片的URL以及指定一个工具提示。

    从KendoUIQ3 2012时，编辑器的组件就支持了一个新的选择图片的方法，就是通过浏览预先定义好的文件的列表和目录，同样也支持了图像上传。

    图片浏览器需要一个服务器端实现检索和上传的文件和目录。

配置ImageBrowser图像浏览器

    通过ImageBrowser图像浏览器的配置选项，可以高效的配置ImageBrowser图像浏览器。

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

对于创建/读取/销毁/上传操作的请求和响应可以按照下面的方式实现：

创建——可以用下面的参数实现目录的创建请求，不包括响应。

{ "name": "New folder name", "type": "d", "path": "foo/" }

读取——发送路劲参数来指定要被浏览的对象。除了下列格式。

[
    { "name": "foo.png", "type": "f", "size": 73289 },
    { "name": "bar.jpg", "type": "f", "size": 15289 },
    ...
]

    这里的name是文件或是路径的名称，type是这个file的“f”或是对于目录rectory的“d”，size就是文件的大小。

销毁——可以用下面的参数做请求。

    name – 选中要删除的文件和目录

    path – 在目录中文件/目录的路径

    type – 输入将要删除的是文件还是路径（f或是d）

    size – 文件的大小

上传——给uploadUrl发送一个请求，这个请求负载包含上传文件，预计一个文件对象在响应。

{ "name": "foo.png", "type": "f", "size": 12345 }

>>>Kendo UI Web下载