Flex中利用FileReference类的browse()和upload()函数选择并上传单个文件到Web服务器

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
3.         layout="vertical"
4.         verticalAlign="middle"
5.         backgroundColor="white"
6.         creationComplete="init();">
7.    
8.     <mx:Script>
9.         <![CDATA[
10.             private var fileRef:FileReference;
11.   
12.             private const FILE_UPLOAD_URL:String = "http://www.YOUR-WEBSITE-HERE.com/fileref/uploader.cfm";
13.   
14.             private function init():void {
15.                 fileRef = new FileReference();
16.                 fileRef.addEventListener(Event.SELECT, fileRef_select);
17.                 fileRef.addEventListener(ProgressEvent.PROGRESS, fileRef_progress);
18.                 fileRef.addEventListener(Event.COMPLETE, fileRef_complete);
19.             }
20.   
21.             private function browseAndUpload():void {
22.                 fileRef.browse();
23.                 message.text = "";
24.             }
25.   
26.             private function fileRef_select(evt:Event):void {
27.                 try {
28.                     message.text = "size (bytes): " + numberFormatter.format(fileRef.size);
29.                     fileRef.upload(new URLRequest(FILE_UPLOAD_URL));
30.                 } catch (err:Error) {
31.                     message.text = "ERROR: zero-byte file";
32.                 }
33.             }
34.   
35.             private function fileRef_progress(evt:ProgressEvent):void {
36.                 progressBar.visible = true;
37.             }
38.   
39.             private function fileRef_complete(evt:Event):void {
40.                 message.text += " (complete)";
41.                 progressBar.visible = false;
42.             }
43.         ]]>
44.     </mx:Script>
45.    
46.     <mx:NumberFormatter id="numberFormatter" />
47.    
48.     <mx:Button label="Upload file"
49.             click="browseAndUpload();" />
50.     <mx:Label id="message" />
51.     <mx:ProgressBar id="progressBar"
52.             indeterminate="true"
53.             visible="false" />
54.    
55. </mx:Application>