本地上傳圖片並預覽

  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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章