技术开发 频道

Flex实现多文件上传之一:前台部分

   【IT168技术分析】 一般的原理都是使用FileReference来实现,而FileReference只是单个文件的上传,从上面的两个例子里也可以看得出。其实还有一个和FileReference一样的用来实现多文件上传的,就是FileReferenceList,从名字也可以猜得出,这个可以实现多文件上传。

    这里说的前台部分是指代码只写到FileReference的upload方法的调用,该方法的参数就是与后台之间的纽带,因为后台可能不同,实现也就不同,这个例子里使用的是java。

    写了个组件,基本功能有:实现文件浏览与上传;用进度条监控每个文件上传的进度;文件信息列表,下面这个图是最终的效果图:


    下面详细说明下这个组件:

1.一个DataGrid列表,用来显示选择的文件信息
2.列表中的最后一栏有一个进度条和删除按钮,进度条监视文件的上传进度,以百分比显示,删除按钮为从当前列表文件中移除
3.下面三个按钮用来浏览文件、上传和关闭当前窗口,如果列表中无文件时,上传按钮是不可用状态
4.窗口继承于TitleWindow,status属性显示了当前选择的文件数和总文件大小

    改进点:

1.每个文件在上传过程中的取消
2.浏览文件时的文件类型过滤

0
相关文章