实现多文件上传之一：Flex实现多文件上传之一：前台部分
责任编辑：责任编辑：王岩松作者：龙在天涯龙在天涯【内容导航】

20090706
第1页：多文件上传效果第2页：主要的代码第3页：相关设置
文本Tag：WebWorkFlexWebServiceweb开发RIA技术分析】【IT168技术分析】一般的原理都是使用FileRefere
ce来实现，而FileRefere
ce只是单个文件的上传，从上面的两个例子里也可以看得出。其实还有一个和FileRefere
ce一样的用来实现多文件上传的，就是FileRefere
ceList，从名字也可以猜得出，这个可以实现多文件上传。这里说的前台部分是指代码只写到FileRefere
ce的upload方法的调用，该方法的参数就是与后台之间的纽带，因为后台可能不同，实现也就不同，这个例子里使用的是java。写了个组件，基本功能有：实现文件浏览与上传；用进度条监控每个文件上传的进度；文件信息列表，下面这个图是最终的效果图：
下面详细说明下这个组件：
1一个DataGrid列表，用来显示选择的文件信息2列表中的最后一栏有一个进度条和删除按钮，进度条监视文件的上传进度，以百分比显示，删除按钮为从当前列表文
f件中移除3下面三个按钮用来浏览文件、上传和关闭当前窗口，如果列表中无文件时，上传按钮是不可用状态4窗口继承于TitleWi
dow，status属性显示了当前选择的文件数和总文件大小
改进点：
1每个文件在上传过程中的取消2浏览文件时的文件类型过滤
下面说一下主要的代码：FileRefere
ceList的浏览方法，的浏览方法，一样，1）这个和FileRefere
ce的browse一样，只是这里的弹出窗口中可以选择多个文件：只是这里的弹出窗口中可以选择多个文件选择多个文件privatefu
ctio
selectHa
dlereve
tEve
tvoidforvarii
t0ifrlistfileListle
gthivarfFileRefere
ceFileRefere
cefrlistfileListivarobjObject
ewObjectobjfileNamef
ameobjfileSizefsizeobjfileTypeftypeobjfileRefre
cefselectedFilesaddItemobj
frlist是FileRefere
ceList变量，它的fileList是个FileRefere
ce列表，包括了每个选择的文件信息，如名称、大小、类型selectedFiles是个ArrayCollectio
对象，用来保存已经选择的文件，并将这个作为DataGrid的dataProvider为了能让DataGrid中的进度条能监控上传进度，将FileRefere
ce对象作为DataGrid每条数据的属性。在后面的代码中将看到。2）上传按钮的事件的处理逐个上传文件privatefu
ctio
uploadHa
dlereve
tMouseEve
tvoidvarfileFileRefere
ceforvarii
t0iselectedFilesle
gthifileFileRefere
ceselectedFilesifileRefre
cefileupload
ewURLRequestuplor