flex 文件上传

客户端, 只有 1 个 mxml, 看注释就明
UploadSample.mxml

 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
	layout="vertical" verticalAlign="middle" horizontalAlign="center">
	
	<mx:Style>
		global {
			fontSize : 12;
		}
	</mx:Style>
	
	<mx:Script>
		<![CDATA[
			// 先搞 1 个 FileReference
			private var file:FileReference = new FileReference();
			
			// 上传状态指示, 和下面的文本框绑定
			[Bindable]
			private var stateText:String = "请选择一个文件上传";
			
			// createChildren 比 creationComplete 事件更早发生, 省的注册事件侦听, 直接在这里写了
			protected override function createChildren():void {
				super.createChildren();
				file.addEventListener(Event.SELECT, file_select);
				file.addEventListener(Event.COMPLETE, file_complete);
				file.addEventListener(ProgressEvent.PROGRESS, file_progress);
			}
			
			// 选择 1 个文件的事件
			private function file_select (e:Event):void {
				stateText = "选择了文件 " + file.name;
			}
			
			// 上传完毕后的事件
			private function file_complete (e:Event):void {
				stateText = "上传完毕";
			}
			
			private function file_progress (e:ProgressEvent):void {
				stateText = "已上传 " + Math.round(100 * e.bytesLoaded / e.bytesTotal) + "%";
			}
			// 先判断一下文件大小, 再上传, FileService.aspx 就是上传地址
			private function upload ():void {
				if (file.size > 0) {
					stateText = "正在上传 " + file.name;
					var request:URLRequest = new URLRequest("FileService.aspx");
					file.upload(request);
				}
			}
			
			
		]]>
	</mx:Script>
	
	<mx:Panel width="250" height="112" layout="vertical" title="上传示例"
		verticalAlign="middle" horizontalAlign="center" >
		<mx:HBox>
			<mx:TextInput text="{stateText}" width="160" editable="false"/>
			<mx:Button label="浏览" click="file.browse();"/>
		</mx:HBox>
		<mx:HBox>
			<mx:Button label="上传" click="upload();"/>
		</mx:HBox>
	</mx:Panel>
</mx:Application>

 

服务端, 使用 .net 制作, 看注释就明白,
看不懂的话也没关系只要知道文件上传到 upload 文件夹里就可以了 (要事先创建好), 文件名不变
FileService.aspx

 

<script language="C#" runat="server">	
	string uploadFolder = "upload"; // 上传文件夹
	private void Page_Load(object sender, System.EventArgs e)
	{
		HttpFileCollection files = Request.Files;
		
		if (files.Count == 0)
		{
			Response.Write("请勿直接访问本文件");
			Response.End();
		}
		
		string path = Server.MapPath(uploadFolder);
		
		// 只取第 1 个文件
		HttpPostedFile file = files[0];
		
		if (file != null && file.ContentLength > 0)
		{  
			// flash 会自动发送文件名到 Request.Form["fileName"]
			string savePath = path + "/" + Request.Form["fileName"];
			file.SaveAs(savePath);
		}
	}
</script>

 

控制上传时间和文件大小就得靠这个
其中 maxRequestLength 是最大上传文件大小, 单位是 k, 4096 也就是允许上传 4M 的文件, 这也是默认值
executionTimeout 是上传文件的超时判断, 上传大文件时记得设的大一些
web.config

<?xml version="1.0" encoding="utf-8"?>
<configuration>
	<system.web>
		<httpRuntime maxRequestLength="4096" executionTimeout="10000" />
	</system.web>
</configuration>

 

posted @ 2013-01-23 16:35  zxh1141  阅读(203)  评论(0编辑  收藏  举报