flex 上傳圖片

 

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.                 horizontalAlign="center" 
6.                 xmlns:ns1="module.*" 
7.                 width="800" 
8.                 verticalScrollPolicy="off" height="648.63635"> 
9.     
10.     <mx:Style>
11.         global {
12.             fontSize : 12;
13.         }
14.     </mx:Style>
15.     
16.     <mx:Script>
17.         <![CDATA[ 
18.                     
19.            private var yourphotoname:String ;
20.         
21.            private var file:FileReference = new FileReference();
23.            
24.            [Bindable]
25.            private var stateText:String ; 
26.             
28.             protected override function createChildren():void {
29.                 super.createChildren();
30.                 file.addEventListener(Event.SELECT, fileselectHandler);
31.                 //file.addEventListener(Event.COMPLETE, file_complete);
32.                 file.addEventListener(ProgressEvent.PROGRESS, fileprogressHandler);
33.                 file.addEventListener(DataEvent.UPLOAD_COMPLETE_DATA ,uploadCompleteHandler) ;
34.             } 
35.              
36.             /**************文件上傳完成***************/
37.             private function uploadCompleteHandler(e:DataEvent):void{
38.                 stateText = e.data ;
39.                 imageeditID.photoURL = e.data ;
40.                 tabbar1.selectedIndex = 1 ; 
41.                 //filenameID.text = "" ;
42.             } 
43.               
45.             /**************文件上傳完成***************/
46.             private function fileselectHandler (e:Event):void {
47.                 filenameID.text = file.name;
48.                 
49.             }
51.             /**************上傳中***************/ 
52.             private function fileprogressHandler (e:ProgressEvent):void {
53.                 stateText = Math.round(100 * e.bytesLoaded / e.bytesTotal) + "%";
54.             } 
55.              
56.             /**************上傳照片***************/ 
57.             private function upload ():void {
58.                 if (file.size > 0) { 
59.                     var request:URLRequest = new URLRequest("http://localhost:8080/uploadservlet");
60.                     file.upload(request);
61.                 } 
62.             }  
63.         ]]> 
64.     </mx:Script>    
65.     <mx:TabBar id="tabbar1" dataProvider="viewstack1" width="760" height="30"/>
66.     <mx:ViewStack id="viewstack1"  width="750" height="500">
67.         <mx:Canvas label="上傳照片"  width="100%" height="100%"> 
68.             <mx:Button x="140" y="10" label="瀏覽"  click="file.browse();"/> 
69.             <mx:TextInput  id="filenameID"  x="10" y="10" width="111"/> 
70.             <mx:Button x="202" y="152" label="上傳" width="78" click="upload();"/>
71.             <mx:Label x="10" y="154"  text="{stateText}" id="ProgressID"/>
72.         </mx:Canvas>   
73.              
74.         <ns1:imageEdit label="照片編輯" id="imageeditID" width="100%" height="100%">
75.         </ns1:imageEdit>
76.     </mx:ViewStack>
77.     
78. </mx:Application>