<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" fontSize="16" xmlns:net="flash.net.*">
	<mx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			//儲存圖片的陣列物件
			[Bindable]
			public var ac:ArrayCollection = new ArrayCollection();
 
			//將 frlist 所有的陣列內的檔案做一次 LOAD
			private function selectHandler(evnet:Event):void{
				//逐次將 fileList 內的檔案都 load 一次
				for(var i:int=0;i<this.frlist.fileList.length;i++){
					//建立一個暫時的 fileReference 來做送出的動作
					var fr_temp:FileReference = new FileReference();
					//取得檔案
					fr_temp = this.frlist.fileList[i];
					//加入檔案 load 完成的偵聽動作
					fr_temp.addEventListener(Event.COMPLETE,completeHandler);
					//執行讀取
					fr_temp.load();
				}
			}
			//完成後將讀取完成的資料塞入物件，物件再轉存到陣列中保留
			private function completeHandler(event:Event):void{
				//之前是直接讀取 fr 物件內的資訊
				//但是因為現在沒有固定宣告所以需要用 event 所拿到的資料
				var obj:Object = new Object();
				obj.filename = event.currentTarget.name;
				obj.data = event.currentTarget.data;
				this.ac.addItem(obj);
			}
			//打開瀏覽動作
			private function clickHandler():void{
				//設定資料型態過濾只接受 圖片格式
				var imagesFilter:FileFilter = new FileFilter("Images", "*.jpg;*.gif;*.png");
				this.frlist.browse([imagesFilter]);
			}
			//點擊到  dataGrid 內的物件，將被點擊的 DATA 套用到 IMAGE 上
			private function itemClickHandler():void{
				this.image.source = this.dg.selectedItem.data;
			}
		]]>
	</mx:Script>
 
	<mx:HBox width="810">
		<mx:VBox width="200" height="100%" horizontalAlign="center">
			<mx:Button label="讀取圖片" click="clickHandler()"/>
			<mx:DataGrid id="dg" width="100%" height="100%" dataProvider="{this.ac}" itemClick="itemClickHandler()">
				<mx:columns>
					<mx:DataGridColumn headerText="檔案名稱" dataField="filename"/>
				</mx:columns>
			</mx:DataGrid>
		</mx:VBox>
		<mx:Canvas width="600" height="600" backgroundColor="white">
			<mx:Image id="image" width="100%" height="100%"/>
		</mx:Canvas>
	</mx:HBox>
	<!-- 一次選取多個檔案的類別 -->
	<net:FileReferenceList id="frlist" select="selectHandler(event)"/>
 
 
</mx:Application>