博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
TELERIK的RADASYNCUPLOAD控件学习二
阅读量:5955 次
发布时间:2019-06-19

本文共 1985 字,大约阅读时间需要 6 分钟。

经过前面的简单的学习,大家基本上都应该会使用了这个文件上传控件了吧。

中间也有一段时间没有发布后篇了,所以今天的量可能会很多,请大家做好心理准备,不要看到中途就关闭浏览器。

一、拖拽式

  通过把文件拖拽进我们指定的区域就可以讲文件上传,但是该功能有浏览器限制,而且使用的是HTML5的功能。

  首先介绍唯一需要使用的属性:

  DropZones

  我们只需要将指定的区域使用css选择器写到该属性的值中,这里需要主要的是不是写ID的值而是通过css选择器。

  下面为一个实例:

  

1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="WebTestValidate.RadAsyncUpload.WebForm2" %> 2  3  4  5  6  7 
8 支持拖拽上传文件 9 10 11
12
13
14
15
16
17
18 19
20
21 22

其中 DropZones 属性的值为"#dropzones" 从CSS选择是来看就是选择了ID为dropzones的对象。

下图为效果图:

 

二、禁用插件

 该属性为:DisablePlugins

 如果我们设置该属性为 true 那么控件将不会使用flash和Silverlight而是转为使用FileApi(如果浏览器支持)否则就使用Iframe模块。

实例:

1 

 

三、文件格式过滤

 实现该功能有两种方法:

 1.使用AllowedFileExtensions 属性,如:

1 

 2.使用FileFilter标签,如:

1         
2
3
4
5

 其中的 Description 属性的值将会显示到文件选择对话框中如:

而 Extensions 则是真正的文件格式过滤。

 

四、最大文件尺寸,最大文件数,多选。

   设置文件的最尺寸的属性为:MaxFileSize (单位为字节)

   设置一次性上传的文件数量的属性为:MaxFileInputsCount

   是否可以一次性多选的属性为:MultipleFileSelection (将其的值设置为"Automatic"即可)

 

五、客户端控制控件

以下为页面内容:

1 
2
3
4
5
6
7
8
9
10
11
12
15
18
21
24
29
32
35
38
13
14
16
17
19
20
22
23
25
26 27
28
30
31
33
34
36
37
39
40

 以下为javascript内容(已包含注释):

1 

 

六、客户端的事件

 以下将使用一个javascript文件介绍 其中包含的事件的函数已经方法等等

1 

 到此先告一段落,下面将开始学习如何使用自定义的处理程序去处理上传文件。

转载地址:http://fuexx.baihongyu.com/

你可能感兴趣的文章
poj - 1860 Currency Exchange
查看>>
chgrp命令
查看>>
Java集合框架GS Collections具体解释
查看>>
洛谷 P2486 BZOJ 2243 [SDOI2011]染色
查看>>
linux 笔记本的温度提示
查看>>
数值积分中的辛普森方法及其误差估计
查看>>
Web service (一) 原理和项目开发实战
查看>>
跑带宽度多少合适_跑步机选购跑带要多宽,你的身体早就告诉你了
查看>>
广平县北方计算机第一届PS设计大赛
查看>>
深入理解Java的接口和抽象类
查看>>
java与xml
查看>>
Javascript异步数据的同步处理方法
查看>>
iis6 zencart1.39 伪静态规则
查看>>
SQL Server代理(3/12):代理警报和操作员
查看>>
Linux备份ifcfg-eth0文件导致的网络故障问题
查看>>
2018年尾总结——稳中成长
查看>>
JFreeChart开发_用JFreeChart增强JSP报表的用户体验
查看>>
度量时间差
查看>>
通过jsp请求Servlet来操作HBASE
查看>>
Shell编程基础
查看>>