简介
        新的Flex2.0类库里提供了文件类,方便了上传/下载文件。下面的程序demo演示了Flex2.0生成flash来访问本地文件,在flash里上传用户选择的文件到服务器,flash客户端可以处理文件上传进度等多个事件,服务器端是C#写的文件接收模块,把用户上传的文件保存在服务器上。
        Demo演示了ProgressEventType.PROGRESS, EventType.SELECT 2个事件的处理方法。

测试效果


Flex2.0实现文件上传功能(服务器为ASP.NET)

测试环境

操作系统:windows2003 Server
Flex版本:Flex 2.0 Alpha 1
Flash版本: flash Player 8.5
WEB服务器:
          IIS 6.0
         .net FrameWork 1.1


客户端代码:FileUpload.mxml

Flex2.0实现文件上传功能(服务器为ASP.NET)<?xml version="1.0" encoding="utf-8"?>
Flex2.0实现文件上传功能(服务器为ASP.NET)
<mx:Application xmlns:mx="http://www.macromedia.com/2005/mxml"
Flex2.0实现文件上传功能(服务器为ASP.NET)    xmlns
="*" creationComplete="init();">
Flex2.0实现文件上传功能(服务器为ASP.NET)    
<mx:Script>
Flex2.0实现文件上传功能(服务器为ASP.NET)        
<![CDATA[
Flex2.0实现文件上传功能(服务器为ASP.NET)            import flash.net.FileReference;
Flex2.0实现文件上传功能(服务器为ASP.NET)            import mx.controls.Alert;
Flex2.0实现文件上传功能(服务器为ASP.NET)            import mx.events.AlertClickEvent;
Flex2.0实现文件上传功能(服务器为ASP.NET)            import flash.events.*;
Flex2.0实现文件上传功能(服务器为ASP.NET)
Flex2.0实现文件上传功能(服务器为ASP.NET)            var file:FileReference;
Flex2.0实现文件上传功能(服务器为ASP.NET)
Flex2.0实现文件上传功能(服务器为ASP.NET)            private function init(){
Flex2.0实现文件上传功能(服务器为ASP.NET)                Security.allowDomain("*");
Flex2.0实现文件上传功能(服务器为ASP.NET)                file = new FileReference();
Flex2.0实现文件上传功能(服务器为ASP.NET)                file.addEventListener(ProgressEventType.PROGRESS, onProgress);
Flex2.0实现文件上传功能(服务器为ASP.NET)                file.addEventListener(EventType.SELECT, onSelect);
Flex2.0实现文件上传功能(服务器为ASP.NET)            }
Flex2.0实现文件上传功能(服务器为ASP.NET)
Flex2.0实现文件上传功能(服务器为ASP.NET)            private function upload(){
Flex2.0实现文件上传功能(服务器为ASP.NET)                file.browse();
Flex2.0实现文件上传功能(服务器为ASP.NET)            }
Flex2.0实现文件上传功能(服务器为ASP.NET)            
Flex2.0实现文件上传功能(服务器为ASP.NET)            private function onSelect(e:Event){
Flex2.0实现文件上传功能(服务器为ASP.NET)                Alert.show("上传 " + file.name + " (共 "+Math.round(file.size)+" 字节)?",
Flex2.0实现文件上传功能(服务器为ASP.NET)                           "确认上传",
Flex2.0实现文件上传功能(服务器为ASP.NET)                           Alert.YES|Alert.NO,
Flex2.0实现文件上传功能(服务器为ASP.NET)                           null,
Flex2.0实现文件上传功能(服务器为ASP.NET)                           proceedWithUpload);
Flex2.0实现文件上传功能(服务器为ASP.NET)            }
Flex2.0实现文件上传功能(服务器为ASP.NET)            
Flex2.0实现文件上传功能(服务器为ASP.NET)            private function onProgress(e:ProgressEvent){
Flex2.0实现文件上传功能(服务器为ASP.NET)                lbProgress.text = " 已上传 " + e.bytesLoaded 
Flex2.0实现文件上传功能(服务器为ASP.NET)                    + " 字节,共 " + e.bytesTotal + " 字节";
Flex2.0实现文件上传功能(服务器为ASP.NET)            }
Flex2.0实现文件上传功能(服务器为ASP.NET)            
Flex2.0实现文件上传功能(服务器为ASP.NET)            private function proceedWithUpload(e:AlertClickEvent){
Flex2.0实现文件上传功能(服务器为ASP.NET)                if (e.detail == Alert.YES){
Flex2.0实现文件上传功能(服务器为ASP.NET)                    file.upload("http://localhost/JZService/WebForm1.aspx");                    
Flex2.0实现文件上传功能(服务器为ASP.NET)                }
Flex2.0实现文件上传功能(服务器为ASP.NET)            }
Flex2.0实现文件上传功能(服务器为ASP.NET)        
]]>
Flex2.0实现文件上传功能(服务器为ASP.NET)    
</mx:Script>
Flex2.0实现文件上传功能(服务器为ASP.NET)    
Flex2.0实现文件上传功能(服务器为ASP.NET)    
<mx:Canvas width="100%" height="100%">
Flex2.0实现文件上传功能(服务器为ASP.NET)        
<mx:VBox width="100%" horizontalAlign="center">
Flex2.0实现文件上传功能(服务器为ASP.NET)            
<mx:Label id="lbProgress" text="上传"/>
Flex2.0实现文件上传功能(服务器为ASP.NET)            
<mx:Button label="上传文件" click="upload();"/>            
Flex2.0实现文件上传功能(服务器为ASP.NET)        
</mx:VBox>
Flex2.0实现文件上传功能(服务器为ASP.NET)    
</mx:Canvas>
Flex2.0实现文件上传功能(服务器为ASP.NET)
</mx:Application>



服务端代码:WebForm1.aspx




相关文章:

  • 2021-06-09
  • 2021-12-29
  • 2022-01-22
  • 2021-12-22
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-07-05
  • 2021-12-04
  • 2022-12-23
  • 2021-04-13
  • 2022-12-23
  • 2021-04-10
  • 2021-11-30
相关资源
相似解决方案