Flex2.0实现文件上传功能(服务器为ASP.NET)
2006-01-19 16:17
916 查看
简介:
新的Flex2.0类库里提供了文件类,方便了上传/下载文件。下面的程序demo演示了Flex2.0生成flash来访问本地文件,在flash里上传用户选择的文件到服务器,flash客户端可以处理文件上传进度等多个事件,服务器端是C#写的文件接收模块,把用户上传的文件保存在服务器上。
Demo演示了ProgressEventType.PROGRESS, EventType.SELECT 2个事件的处理方法。
测试效果:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.macromedia.com/2005/mxml"
xmlns="*" creationComplete="init();">
<mx:Script>
<![CDATA[
import flash.net.FileReference;
import mx.controls.Alert;
import mx.events.AlertClickEvent;
import flash.events.*;
var file:FileReference;
private function init(){
Security.allowDomain("*");
file = new FileReference();
file.addEventListener(ProgressEventType.PROGRESS, onProgress);
file.addEventListener(EventType.SELECT, onSelect);
}
private function upload(){
file.browse();
}
private function onSelect(e:Event){
Alert.show("上传 " + file.name + " (共 "+Math.round(file.size)+" 字节)?",
"确认上传",
Alert.YES|Alert.NO,
null,
proceedWithUpload);
}
private function onProgress(e:ProgressEvent){
lbProgress.text = " 已上传 " + e.bytesLoaded
+ " 字节,共 " + e.bytesTotal + " 字节";
}
private function proceedWithUpload(e:AlertClickEvent){
if (e.detail == Alert.YES){
file.upload("http://localhost/JZService/WebForm1.aspx");
}
}
]]>
</mx:Script>
<mx:Canvas width="100%" height="100%">
<mx:VBox width="100%" horizontalAlign="center">
<mx:Label id="lbProgress" text="上传"/>
<mx:Button label="上传文件" click="upload();"/>
</mx:VBox>
</mx:Canvas>
</mx:Application>
服务端代码:WebForm1.aspx
新的Flex2.0类库里提供了文件类,方便了上传/下载文件。下面的程序demo演示了Flex2.0生成flash来访问本地文件,在flash里上传用户选择的文件到服务器,flash客户端可以处理文件上传进度等多个事件,服务器端是C#写的文件接收模块,把用户上传的文件保存在服务器上。
Demo演示了ProgressEventType.PROGRESS, EventType.SELECT 2个事件的处理方法。
测试效果:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.macromedia.com/2005/mxml"
xmlns="*" creationComplete="init();">
<mx:Script>
<![CDATA[
import flash.net.FileReference;
import mx.controls.Alert;
import mx.events.AlertClickEvent;
import flash.events.*;
var file:FileReference;
private function init(){
Security.allowDomain("*");
file = new FileReference();
file.addEventListener(ProgressEventType.PROGRESS, onProgress);
file.addEventListener(EventType.SELECT, onSelect);
}
private function upload(){
file.browse();
}
private function onSelect(e:Event){
Alert.show("上传 " + file.name + " (共 "+Math.round(file.size)+" 字节)?",
"确认上传",
Alert.YES|Alert.NO,
null,
proceedWithUpload);
}
private function onProgress(e:ProgressEvent){
lbProgress.text = " 已上传 " + e.bytesLoaded
+ " 字节,共 " + e.bytesTotal + " 字节";
}
private function proceedWithUpload(e:AlertClickEvent){
if (e.detail == Alert.YES){
file.upload("http://localhost/JZService/WebForm1.aspx");
}
}
]]>
</mx:Script>
<mx:Canvas width="100%" height="100%">
<mx:VBox width="100%" horizontalAlign="center">
<mx:Label id="lbProgress" text="上传"/>
<mx:Button label="上传文件" click="upload();"/>
</mx:VBox>
</mx:Canvas>
</mx:Application>
服务端代码:WebForm1.aspx
相关文章推荐
- (转)ASP.NET(C#)FileUpload实现上传限定类型和大小的文件到服务器
- asp.net core实现文件上传功能
- Asp.Net实现无刷新文件上传并显示进度条(非服务器控件实现)
- 拥有网页版小U盘 ASP.NET实现文件上传与下载功能
- ASP.NET(C#)FileUpload实现上传限定类型和大小的文件到服务器
- Asp.Net实现无刷新文件上传并显示进度条(非服务器控件实现)
- 在ASP.NET将程序中将上传的附件存储到另一台文件服务器上的实现
- ASP.NET实现上传文件到服务器
- sql server 关于表中只增标识问题 C# 实现自动化打开和关闭可执行文件(或 关闭停止与系统交互的可执行文件) ajaxfileupload插件上传图片功能,用MVC和aspx做后台各写了一个案例 将小写阿拉伯数字转换成大写的汉字, C# WinForm 中英文实现, 国际化实现的简单方法 ASP.NET Core 2 学习笔记(六)ASP.NET Core 2 学习笔记(三)
- asp.net core实现文件上传功能
- asp.net mvc导出excel文件先保存到服务器某个目录,然后再导出到客户端供客户下载功能的实现
- Asp.Net下的文件上传功能实现
- asp.net(c#)实现文件上传功能
- 用ASP.NET的FileUpload控件实现带对话框的FTP文件上传功能
- Asp.Net下的文件上传功能实现
- 在ASP.NET将程序中将上传的附件存储到另一台文件服务器上的实现
- ASP.NET(C#)FileUpload实现上传限定类型和大小的文件到服务器<from Copying>
- ASP.NET(C#)FileUpload实现上传限定类型和大小的文件到服务器
- ASP.NET实现大文件上传功能
- Asp.Net实现无刷新文件上传并显示进度条(非服务器控件实现)