Flex实现多文件上传之一：前台部分
一般的原理都是使用FileReference来实现，而FileReference只是单个文件的上传，从上面的两个例子里也可以看得出。其实还有一个和FileReference一样的用来实现多文件上传的，就是FileReferenceList，从名字也可以猜得出，这个可以实现多文件上传。
??? 这里说的前台部分是指代码只写到FileReference的upload方法的调用，该方法的参数就是与后台之间的纽带，因为后台可能不同，实现也就不同，这个例子里使用的是java。
??? 写了个组件，基本功能有：实现文件浏览与上传；用进度条监控每个文件上传的进度；文件信息列表，下面这个图是最终的效果图：
??? 下面详细说明下这个组件：
1.一个DataGrid列表，用来显示选择的文件信息
2.列表中的最后一栏有一个进度条和删除按钮，进度条监视文件的上传进度，以百分比显示，删除按钮为从当前列表文件中移除
3.下面三个按钮用来浏览文件、上传和关闭当前窗口，如果列表中无文件时，上传按钮是不可用状态
4.窗口继承于TitleWindow，status属性显示了当前选择的文件数和总文件大小
??? 改进点：
1.每个文件在上传过程中的取消
2.浏览文件时的文件类型过滤
【内容导航】
第1页：多文件上传效果 第2页：主要的代码 第3页：相关设置 <!-- 关键词 -->文本Tag： WebWork Flex Web Service web开发 RIA
下面说一下主要的代码：
??? 1）FileReferenceList的浏览方法，这个和FileReference的browse一样，只是这里的弹出窗口中可以选择多个文件：
//选择多个文件
private function selectHandler(event:Event):void{
for(var i:int=0;i<frlist.fileList.length;i++){
?? var f:FileReference = FileReference(frlist.fileList[i]);?
一个进度条，一个取消按钮，一个删除按钮
<mx:DataGridColumn width="130" headerText="状态">
<mx:itemRenderer>
??<mx:Component>
??? <mx:HBox width="130" paddingLeft="2" horizontalGap="2">
???? <mx:ProgressBar id="progress" width="100%"????? label="%3%%">
???? </mx:ProgressBar>
???? <mx:LinkButton width="20" toolTip="取消上传" click="cancel()"
????? icon="{ButtonAssets.delIcon}">
????? <mx:Script>
?????? <![CDATA[
??????? private function cancel():void{
???????? data.fileRefrence.cancel();
???????? progress.label = "已取消";
??????? }
?????? ]]>
????? </mx:Script>
???? </mx:LinkButton>
???? <mx:LinkButton width="20" click="deleteItem(event)"????? <mx:Script>
?????? <