<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#15F6F9, #4FD6F8]" fontSize="13" viewSourceURL="srcview/index.html">
    <mx:Script>
        <![CDATA[
            //先搞一个FileReference
            private var file:FileReference=new FileReference();
            
            //
            private var imagesFilter:FileFilter = new FileFilter("Images", "*.jpg;*.gif;*.png");
            private var docFilter:FileFilter = new FileFilter("Documents", "*.pdf;*.doc;*.txt");
             
            //上传状态指示，和下面的文本框绑定
            [Bindable]
            private var stateText:String="请选择一个上传文件";
            //CreateChilden比CreateComplete更早发生，省得注册事件监听，直接在这里写了
            protected override function createChildren():void
            {
                super.createChildren();
                file.addEventListener(Event.SELECT,onSelect);
                file.addEventListener(ProgressEvent.PROGRESS,onProgress);
                file.addEventListener(DataEvent.UPLOAD_COMPLETE_DATA,onComplete);
            }
            //选择1个文件的事件
            private function onSelect(evt:Event):void
            {
                //stateText = "选择了文件 " + file.name;
                stateText = file.name;
            }
            //上传完毕后的事件
            private function onComplete(evt:DataEvent):void
            {
                stateText="上传完毕";
                
            }
            //上传进度事件
            private function onProgress(evt:ProgressEvent):void
            {
                stateText="已上传"+Math.round(100*evt.bytesLoaded/evt.bytesTotal)+"%";
            }
            //先判断一下文件大小，再上传，FileService.aspx就是上传地址
            private function onUpload():void
            {
                if(file.size>0)
                {
                    stateText="正在上传"+file.name;
                    var request:URLRequest=new URLRequest();
                    request.url="http://localhost:5233/UploadSample/FileService.aspx";
                    file.upload(request);
                    
                }
            }
            //触发选择文件对话框
            private function onBrower():void
            {
                file.browse([imagesFilter,docFilter]);
            } 
        ]]>
    </mx:Script>
    
    <mx:Panel x="50.5" y="10" width="376" height="168" layout="absolute" title="上传示例：">
        <mx:HBox x="59" y="33">
            <mx:TextInput text="{stateText}" editable="false" width="160"/>
            <mx:Button label="浏 览" click="onBrower();"/>
        </mx:HBox>
        <mx:HBox x="131" y="80">
            <mx:Button label="上 传" click="onUpload();"/>
        </mx:HBox>
    </mx:Panel>
    
</mx:Application>