[ActionScript3.0] 使用FileReferenceList处理多个文件上载

  1 package

  2 {

  3     import flash.display.Sprite;

  4     import flash.events.DataEvent;

  5     import flash.events.Event;

  6     import flash.events.MouseEvent;

  7     import flash.events.ProgressEvent;

  8     import flash.net.FileFilter;

  9     import flash.net.FileReference;

 10     import flash.net.FileReferenceList;

 11     import flash.net.URLRequest;

 12     import flash.net.URLRequestMethod;

 13     import flash.net.URLVariables;

 14     import flash.text.TextField;

 15     import flash.text.TextFieldAutoSize;

 16     /**

 17     * ...

 18     * @author Frost.Yen

 19     */

 20     public class UploadListAS3 extends Sprite

 21     {

 22         private var _label:TextField; 

 23         private var _button:TextField;

 24         private var _fileRefer:FileReferenceList; 

 25         private var _count:int = 0;

 26         private var _request:URLRequest = new URLRequest("http://localhost/yanzimen/");

 27         public function UploadListAS3()

 28         {

 29             if(stage) init();

 30             else addEventListener(Event.ADDED_TO_STAGE,init);

 31         }

 32         private function init(e:Event = null):void

 33         {

 34             _label = new TextField(); 

 35             _label.text = "please select file"; 

 36             _label.autoSize = TextFieldAutoSize.LEFT;

 37             _label.background = true;

 38             _label.width = 300;

 39             _label.wordWrap = true;

 40             _label.backgroundColor = 0xffffff;

 41             _label.border = true;

 42             _button = new TextField();

 43             _button.text = "click here to select file";

 44             _button.autoSize = TextFieldAutoSize.LEFT; 

 45             _button.selectable = false;

 46             _button.background = true;

 47             _button.backgroundColor = 0xE29966;

 48             _button.border = true;

 49             this.addChild(_label); 

 50             this.addChild(_button); 

 51             _button.x = 310;

 52    

 53             _fileRefer = new FileReferenceList();

 54             _button.addEventListener(MouseEvent.CLICK,toSelect);

 55             _fileRefer.addEventListener(Event.SELECT,onSelect);

 56             _fileRefer.addEventListener(Event.CANCEL,onCancel);

 57         }

 58         private function toSelect(e:MouseEvent):void

 59         {

 60             _fileRefer.browse(); //browse(typeFilter:Array=null) 使用 typeFilter 参数，可决定对话框显示哪些文件。

 61             _button.removeEventListener(MouseEvent.CLICK,toSelect); 

 62         }

 63         private function onProgress(e:ProgressEvent):void

 64         {

 65             _label.text = Number(Math.round(e.bytesLoaded / e.bytesTotal*100))+"%";

 66             //label.text = e.bytesLoaded+"/"+e.bytesTotal;

 67         }

 68         private function onComplete(e:Event):void

 69         {

 70             e.target.removeEventListener(Event.COMPLETE,onComplete);

 71             e.target.removeEventListener(ProgressEvent.PROGRESS,onProgress);

 72    

 73             if(_count<_fileRefer.fileList.length-1){

 74                 _label.text = "load complete "+(_count+1)+" file";

 75                 _count++;

 76             }else{

 77                 _count=0;

 78                 _button.addEventListener(MouseEvent.CLICK,toUpload);

 79                 _label.text = "all files load complete!";

 80                 _button.text = "to upload";

 81             }

 82         }

 83         private function toUpload(e:MouseEvent):void{

 84             onUpLoad(_fileRefer.fileList[_count]);

 85         }

 86         private function onSelect(e:Event):void

 87         {

 88             _label.text = "";

 89             for(var i:int = 0;i<_fileRefer.fileList.length;i++){

 90                 trace("the name of the selected file:",_fileRefer.fileList[i].name);

 91                 _label.appendText("file "+(i+1)+":"+_fileRefer.fileList[i].name+"\n");

 92                 _fileRefer.fileList[i].addEventListener(Event.COMPLETE,onComplete);

 93                 _fileRefer.fileList[i].addEventListener(ProgressEvent.PROGRESS,onProgress);

 94                 (_fileRefer.fileList[i] as FileReference).load();

 95             }

 96         }

 97         private function onCancel(e:Event):void

 98         {

 99             trace("cancel to upload");

100             _button.addEventListener(MouseEvent.CLICK,toSelect); 

101         }

102         /**

103          * 调用FileReference的实例方法upload()实现文件上传

104          * @param    file

105          */

106         private function onUpLoad(file:FileReference):void

107         {

108             _label.text = "file "+(_count+1)+" size"+Number(file.size/1024/1024).toFixed(2)+"M";

109             var variables:URLVariables = new URLVariables();

110             variables.fileName = file.name;

111             _request.data = variables;

112             _request.method = URLRequestMethod.POST;

113             file.addEventListener(ProgressEvent.PROGRESS, progressHandler);

114             file.addEventListener(Event.COMPLETE, completeHandler);

115             file.addEventListener(DataEvent.UPLOAD_COMPLETE_DATA,completeDataHandler);

116             try

117             {

118                 file.upload(_request);

119             } 

120             catch(error:Error) 

121             {

122                 trace(error.message);

123             }

124    

125             function progressHandler(e:ProgressEvent):void

126             {

127                 _label.text = "file "+(_count+1)+" uploading "+Math.round(100 * e.bytesLoaded / e.bytesTotal) + "%";

128             }

129             function completeHandler(e:Event):void

130             {

131                 var file:FileReference = FileReference(e.target);

132                 file.removeEventListener(ProgressEvent.PROGRESS, progressHandler);

133                 file.removeEventListener(Event.COMPLETE, completeHandler);

134                 _button.removeEventListener(MouseEvent.CLICK,toUpload);

135                 _button.addEventListener(MouseEvent.CLICK,toSelect);

136                 

137                 if(_count<_fileRefer.fileList.length-1){

138                     _label.text = "upload complete "+(_count+1)+" file";

139                     _count++;

140                     onUpLoad(_fileRefer.fileList[_count]);

141                 }else{

142                     _label.text = "all files upload complete";

143                     _button.text = "click here to select file";

144                 }

145             }

146             function completeDataHandler(e:DataEvent):void

147             {

148                 var file:FileReference = FileReference(e.target);

149                 file.removeEventListener(DataEvent.UPLOAD_COMPLETE_DATA,completeHandler);

150                 if(_count==_fileRefer.fileList.length-1){

151                     trace("upload_complete_data",e.data);//上传成功后，从后台返回的数据

152                 }

153             }

154         }

155         /**

156          * FileFilter 类用于表示在调用 FileReference.browse() 方法、FileReferenceList.browse() 方法或调用 File、FileReference 或 FileReferenceList 对象的 browse 方法时显示的文件浏览对话框中显示用户系统上的哪些文件。

157          * @return

158          */

159         private function getImageTypeFilter():FileFilter {

160             return new FileFilter("Images (*.jpg, *.jpeg, *.gif, *.png)", "*.jpg;*.jpeg;*.gif;*.png");

161         }

162       

163         private function getTextTypeFilter():FileFilter {

164             return new FileFilter("Text Files (*.txt, *.rtf)", "*.txt;*.rtf");

165         }

166     }

167 }