Flex中本地图片上传及上传文件前的预览

[java]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>     
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontSize="12" creationComplete="init()">     
3.     <mx:Script>     
4.         <!--[CDATA[     
5.             import mx.utils.*;     
6.             import flash.net.*;     
7.                  
8.             private var fileReference:FileReference=new FileReference();     
9.             private var byteArray:ByteArray;     
10.             private var bitmapData:BitmapData;     
11.             private var loader:Loader=new Loader();     
12.             private function init():void     
13.             {                    
14.                 fileReference.addEventListener(Event.COMPLETE,fileReferenceCompleteHandler);     
15.             }     
16.             private function fileReferenceCompleteHandler(e:Event):void     
17.             {     
18.                 byteArray = fileReference.data;     
19.                 loader.contentLoaderInfo.addEventListener(Event.COMPLETE,loaderCompleteHandler);     
20.                 loader.loadBytes(byteArray);     
21.             }     
22.             private function loaderCompleteHandler(e:Event):void     
23.             {     
24.                 var bitmap:Bitmap = Bitmap(loader.content);     
25.                 bitmapData = bitmap.bitmapData;     
26.                 img.source = bitmap;     
27.             }     
28.             private function fileReferenceSelectHandler(e:Event):void     
29.             {     
30.                 fileReference.load();     
31.             }     
32.             private function btnClick():void     
33.             {     
34.                 fileReference.browse();     
35.                 fileReference.addEventListener(Event.SELECT,fileReferenceSelectHandler);     
36.             }     
37.         ]]-->     
38.     </mx:Script>     
39.     <mx:Panel width="456" height="345" horizontalCenter="0" verticalGap="0" horizontalAlign="center" verticalAlign="middle">     
40.         <mx:Image id="img" width="263" height="234"/>     
41.         <mx:Button label="选择..." click="btnClick()"/>     
42.     </mx:Panel>     
43. </mx:Application>