Kendo UI Web中图像浏览器的使用

转自: http://jingyan.baidu.com/article/20b68a88699c16796cec6282.html

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



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


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

配置ImageBrowser图像浏览器

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


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


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

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

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

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

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

    size – 文件的大小

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



  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <style> body,td,th { font-size: 14px; } ul,li { padding:0; margin:0; list-style:none; } a:hover { color:#F00; } #imglist { width:1280px; border:1px solid #b5b5b5; margin:0 auto; clear:both; height:500px; padding:22px 0 0 0; } #imglist li { float:left; text-align:center; line-height:30px; margin:0 0 0 27px; width:125px; } #imglist li span { display:block; } #imglist li { float:left; text-align:center; line-height:30px; margin:0 0 0 27px; width:125px; white-space:nowrap; overflow:hidden; display:inline; } #imglist li img { width:123px; height:123px; border:1px solid #b5b5b5; } </style> </head> <div id="imglist"> <ul> <li><a onclick="alert(1)"><img src="img/wuluzhuishaling2.jpg" border="0" /><span>五路追杀令:刺客舞会</span></a></li> <li><a onclick="alert(1)"><img src="img/congtoukiaishi.jpg" border="0" /><span>从头开始</span></a></li> <li><a onclick="alert(1)"><img src="img/wohucanglong.jpg" border="0" /><span>卧虎藏龙</span></a></li> <li><a onclick="alert(1)"><img src="img/chuzixizipizi.jpg" border="0" /><span>厨子戏子痞子</span></a></li> <li><a onclick="alert(1)"><img src="img/waixinghuanxiangqu.jpg" border="0" /><span>外星幻想曲</span></a></li> <li><a onclick="alert(1)"><img src="img/dashuaimai.jpg" border="0" /><span>大甩卖</span></a></li> <li><a onclick="alert(1)"><img src="img/yaoshu.jpg" border="0" /><span>妖术</span></a></li> <li><a onclick="alert(1)"><img src="img/xiaodingdanghexianzijiuyuan.jpg" border="0" /><span>小叮当和仙子救援大行动</span></a></li> <li><a onclick="alert(1)"><img src="img/bihu.jpg" border="0" /><span>庇护</span></a></li> </ul> </div> <body> </body> </html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值