flex 文件上传

flex 文件上传

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> 
  
     <mx:Script> 
         <![CDATA[ 
             import mx.controls.Alert; 
             //文件上传类 
             private var fileRefer:FileReference=new FileReference(); 
             private function doUpload():void{ 
                 //添加事件 
                 //用户选中文件后执行的事件 
                 fileRefer.addEventListener(Event.SELECT,selectHandler); 
                //上传完成之后执行的事件 
                fileRefer.addEventListener(Event.COMPLETE,processResult); 
                 fileRefer.addEventListener(ProgressEvent.PROGRESS, progress); 
                 var filter:FileFilter = new FileFilter("Text", "*.mpg"); 
                 //打开选择文件对话框 
                var flag:Boolean=fileRefer.browse([filter]); 
             } 
             private function selectHandler(event:Event):void{ 
                 //根据URL执行文件上传，请求到后台Java的Servlet 
                 var urlStr:String="http://localhost:8080/fileServer/FileUploadServlet"; 
                 var r:URLRequest=new URLRequest(urlStr); 
                 fileRefer.upload(r);//第二个参数指定文件域的名字，默认为Filedata     
                //提交三个参数Filename,Filedata,Upload             
            } 
            private function processResult(event:Event):void{ 
                 Alert.show("上传成功!"); 
             } 
              
             private function progress(event:ProgressEvent):void{ 
                 progressBar.setProgress(event.bytesLoaded, event.bytesTotal); 
                 progressBar.label = "上传进度:" + int(event.bytesLoaded / event.bytesTotal * 100) + "%"; 
             } 
              
         ]]> 
    </mx:Script>     
 
     <mx:VBox horizontalCenter="0" verticalCenter="0"> 
         <mx:Button label="上传文件" click="doUpload()" /> 
         <mx:ProgressBar id="progressBar" labelPlacement="bottom" themeColor="#F20D7A" 
                minimum="0" visible="true" maximum="100" label="上传进度:0%" 
                 direction="right" mode="manual" width="100"/>   
     </mx:VBox> 
</mx:Application> 

评论

1 楼 沈青青 2014-10-24