HTML5 Web app开发工具Kendo UI Web教程:图像浏览器的使用

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

HTML5 Web app开发工具Kendo UI Web教程:图像浏览器的使用

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

HTML5 Web app开发工具Kendo UI Web教程:图像浏览器的使用

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

配置ImageBrowser图像浏览器

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(document).ready(function(){
$("#editor").kendoEditor({
p_w_picpathBrowser: {
transport: {
read: "p_w_picpathbrowser/read",
destroy: "p_w_picpathbrowser/destroy",
create: "p_w_picpathbrowser/createDirectory",
uploadUrl: "p_w_picpathbrowser/upload",
thumbnailUrl: "p_w_picpathbrowser/thumbnail"
p_w_picpathUrl: "/content/p_w_picpaths/{0}"
}
}
});
});