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}"
            }
         }
     });
  });

對于創(chuàng)建/讀取/銷毀/上傳操作的請求和響應可以按照下面的方式實現：

創(chuàng)建——可以用下面的參數實現目錄的創(chuàng)建請求，不包括響應。

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

讀取——發(fā)送路勁參數來指定要被瀏覽的對象。除了下列格式。

[
    { "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發(fā)送一個請求，這個請求負載包含上傳文件，預計一個文件對象在響應。

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

>>>Kendo UI Web下載