[ActionScript3.0] 使用FileReference处理单个文件的上载

 

  1 package

  2 {

  3     import flash.display.SimpleButton;

  4     import flash.display.Sprite;

  5     import flash.errors.IllegalOperationError;

  6     import flash.errors.MemoryError;

  7     import flash.events.DataEvent;

  8     import flash.events.Event;

  9     import flash.events.MouseEvent;

 10     import flash.events.ProgressEvent;

 11     import flash.net.FileFilter;

 12     import flash.net.FileReference;

 13     import flash.net.URLRequest;

 14     import flash.net.URLRequestMethod;

 15     import flash.net.URLVariables;

 16     import flash.text.TextField;

 17     import flash.text.TextFieldAutoSize;

 18     /**

 19      * ...

 20      * @author Frost.Yen

 21      */

 22     public class UploadAS3 extends Sprite

 23     {

 24         private var _label:TextField; 

 25         private var _button:TextField;

 26         private var _fileRefer:FileReference; 

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

 28         public function UploadAS3()

 29         {

 30             if(stage) init();

 31             else addEventListener(Event.ADDED_TO_STAGE,init);

 32         }

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

 34         {

 35             _label = new TextField(); 

 36             _label.text = "please select file"; 

 37             _label.autoSize = TextFieldAutoSize.LEFT;

 38             _label.background = true;

 39             _label.width = 300;

 40             _label.wordWrap = true;

 41             _label.backgroundColor = 0xffffff;

 42             _label.border = true;

 43             _button = new TextField();

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

 45             _button.autoSize = TextFieldAutoSize.LEFT; 

 46             _button.selectable = false;

 47             _button.background = true;

 48             _button.backgroundColor = 0xE29966;

 49             _button.border = true;

 50             this.addChild(_label); 

 51             this.addChild(_button); 

 52             _button.x = 310;

 53        

 54             _fileRefer = new FileReference();

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

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

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

 58         }

 59         private function toSelect(e:MouseEvent):void

 60         {

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

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

 63         }

 64         private function onProgress(e:ProgressEvent):void

 65         {

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

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

 68         }

 69         private function onComplete(e:Event):void

 70         {

 71             _fileRefer.removeEventListener(Event.COMPLETE,onComplete);

 72             _fileRefer.removeEventListener(ProgressEvent.PROGRESS,onProgress);

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

 74             _label.text = "load complete!";

 75             _button.text = "upload";

 76         }

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

 78             onUpLoad(_fileRefer);

 79         }

 80         private function onSelect(e:Event):void

 81         {

 82             trace("the name of the selected file:",(e.target as FileReference).name);

 83             _label.text = "file name:"+(e.target as FileReference).name;

 84             _fileRefer.addEventListener(Event.COMPLETE,onComplete);

 85             _fileRefer.addEventListener(ProgressEvent.PROGRESS,onProgress);

 86             _fileRefer.load();

 87         }

 88         private function onCancel(e:Event):void

 89         {

 90             trace("cancel to upload");

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

 92         }

 93         /**

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

 95          * @param    file

 96          */

 97         private function onUpLoad(file:FileReference):void

 98         {

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

100             var variables:URLVariables = new URLVariables();

101             variables.fileName = file.name;

102             _request.data = variables;

103             _request.method = URLRequestMethod.POST;

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

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

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

107             try

108             {

109                 file.upload(_request);

110             } 

111             catch(error:Error) 

112             {

113                 trace(error.message);

114             }

115        

116             function progressHandler(e:ProgressEvent):void

117             {

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

119             }

120             function completeHandler(e:Event):void

121             {

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

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

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

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

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

127                 _label.text = "upload complete";

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

129             }

130             function completeDataHandler(e:DataEvent):void

131             {

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

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

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

135             }

136         }

137         /**

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

139          * @return

140          */

141         private function getImageTypeFilter():FileFilter {

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

143         }

144       

145         private function getTextTypeFilter():FileFilter {

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

147         }

148     }

149 }