简介
        新的Flex2.0类库里提供了文件类,方便了上传/下载文件。下面的程序demo演示了Flex2.0生成flash来访问本地文件,在flash里上传用户选择的文件到服务器,flash客户端可以处理文件上传进度等多个事件,服务器端是C#写的文件接收模块,把用户上传的文件保存在服务器上。
        Demo演示了ProgressEvent.PROGRESS, Event.SELECT 2个事件的处理方法。

测试效果

flexupload1.jpg


flexupload2.jpg

测试环境

操作系统:windows2003 Server
Flex版本:Flex 2.0
Flash版本: flash Player 9
WEB服务器:
          IIS 6.0
         .net FrameWork 1.1


客户端代码:FileUpload.mxml

<? xml version="1.0" encoding="utf-8" ?>
< mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"
    xmlns
="*"  creationComplete ="init();" >
    
< mx:Script >
        
<![CDATA[
            import flash.net.FileReference;
            import mx.controls.Alert;
            import mx.events.CloseEvent;
            import flash.events.*;

            private var file: FileReference;

            private function init(): void{
                Security.allowDomain("*");
                file = new FileReference();
                file.addEventListener(ProgressEvent.PROGRESS, onProgress);
                file.addEventListener(Event.SELECT, onSelect);
            }

            private function upload(): void{
                file.browse();
            }
            
            private function onSelect(e: Event): void{
                Alert.show("上传 " + file.name + " (共 "+Math.round(file.size)+" 字节)?",
                           "确认上传",
                           Alert.YES|Alert.NO,
                           null,
                           proceedWithUpload);
            }
            
            private function onProgress(e: ProgressEvent): void{
                lbProgress.text = " 已上传 " + e.bytesLoaded 
                    + " 字节,共 " + e.bytesTotal + " 字节";
                var proc: uint = e.bytesLoaded / e.bytesTotal * 100;
                bar.setProgress(proc, 100);
                 bar.label= "当前进度: " + " " + proc + "%";
            }
            
            private function proceedWithUpload(e: CloseEvent): void{
                if (e.detail == Alert.YES){
                    var request: URLRequest = new URLRequest("http://localhost/JZService/WebForm1.aspx");
                    try {
                        file.upload(request);
                    } catch (error:Error) {
                        trace("上传失败");
                    }
                    
                }
            }
        
]]>
    
</ mx:Script >
    
    
< mx:Canvas  width ="100%"  height ="100%" >
        
< mx:VBox  width ="100%"  horizontalAlign ="center" >
            
< mx:Label  id ="lbProgress"  text ="上传" />
             
< mx:ProgressBar  id ="bar"  labelPlacement ="bottom"  themeColor ="#F20D7A"
                minimum
="0"  visible ="true"  maximum ="100"  label ="当前进度: 0%"   
                direction
="right"  mode ="manual"  width ="200" />
            
< mx:Button  label ="上传文件"  click ="upload();" />             
        
</ mx:VBox >
    
</ mx:Canvas >
</ mx:Application >



服务端代码:WebForm1.aspx

         private   void  Page_Load( object  sender, EventArgs e)  {
            
// 在此处放置用户代码以初始化页面
            HttpFileCollection uploadedFiles =  Request.Files;
            
string Path = Server.MapPath("data");
            
for(int i = 0 ; i < uploadedFiles.Count ; i++{
                HttpPostedFile F 
= uploadedFiles[i];
                
if(uploadedFiles[i] != null && F.ContentLength > 0{   
                    
string newName = F.FileName.Substring(F.FileName.LastIndexOf("//"+ 1);
                    F.SaveAs(Path 
+ "/" + newName);
                }

            }


        }