簡介:
新的Flex2.0類庫里提供了文件類,方便了上傳/下載文件。下面的程序demo演示了Flex2.0生成flash來訪問本地文件,在flash里上傳用戶選擇的文件到服務器,flash客戶端可以處理文件上傳進度等多個事件,服務器端是C#寫的文件接收模塊,把用戶上傳的文件保存在服務器上。
Demo演示了ProgressEvent.PROGRESS, Event.SELECT 2個事件的處理方法。
順便提一下關于JSP的接收Flex上傳文件的方法(很多網(wǎng)友問過這個問題),我建議使用Jakarta Commons FileUpload的文件上傳組件,詳見:http://jakarta.apache.org/commons/fileupload/ !
測試效果:


測試環(huán)境:
操作系統(tǒng):windows2003 Server
Flex版本:Flex 2.0
Flash版本: flash Player 9
WEB服務器:
IIS 6.0
.net FrameWork 1.1
客戶端代碼:FileUpload.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns="*" creationComplete="init();">
<mx:Script>
<
private var file: FileReference;

private function init(): void{
Security.allowDomain("*");
file = new FileReference();
file.addEventListener(ProgressEvent.PROGRESS, onProgress);
file.addEventListener(Event.SELECT, onSelect);
}

private function upload(): void{
file.browse();
}
private function onSelect(e: Event): void{
Alert.show("上傳 " + file.name + " (共 "+Math.round(file.size)+" 字節(jié))?",
"確認上傳",
Alert.YES|Alert.NO,
null,
proceedWithUpload);
}
private function onProgress(e: ProgressEvent): void{
lbProgress.text = " 已上傳 " + e.bytesLoaded
+ " 字節(jié),共 " + e.bytesTotal + " 字節(jié)";
var proc: uint = e.bytesLoaded / e.bytesTotal * 100;
bar.setProgress(proc, 100);
bar.label= "當前進度: " + " " + proc + "%";
}
private function proceedWithUpload(e: CloseEvent): void{
if (e.detail == Alert.YES){
var request: URLRequest = new URLRequest("http://localhost/JZService/WebForm1.aspx");
try {
file.upload(request);
} catch (error:Error) {
trace("上傳失敗");
}
}
}
]]>
</mx:Script>
<mx:Canvas width="100%" height="100%">
<mx:VBox width="100%" horizontalAlign="center">
<mx:Label id="lbProgress" text="上傳"/>
<mx:ProgressBar id="bar" labelPlacement="bottom" themeColor="#F20D7A"
minimum="0" visible="true" maximum="100" label="當前進度: 0%"
direction="right" mode="manual" width="200"/>
<mx:Button label="上傳文件" click="upload();"/>
</mx:VBox>
</mx:Canvas>
</mx:Application>
服務端代碼:WebForm1.aspx

private void Page_Load(object sender, EventArgs e)
{
// 在此處放置用戶代碼以初始化頁面
HttpFileCollection uploadedFiles = Request.Files;
string Path = Server.MapPath("data");

for(int i = 0 ; i < uploadedFiles.Count ; i++)
{
HttpPostedFile F = uploadedFiles[i];

if(uploadedFiles[i] != null && F.ContentLength > 0)
{
string newName = F.FileName.Substring(F.FileName.LastIndexOf("\\") + 1);
F.SaveAs(Path + "/" + newName);
}
}

}
新的Flex2.0類庫里提供了文件類,方便了上傳/下載文件。下面的程序demo演示了Flex2.0生成flash來訪問本地文件,在flash里上傳用戶選擇的文件到服務器,flash客戶端可以處理文件上傳進度等多個事件,服務器端是C#寫的文件接收模塊,把用戶上傳的文件保存在服務器上。
Demo演示了ProgressEvent.PROGRESS, Event.SELECT 2個事件的處理方法。
順便提一下關于JSP的接收Flex上傳文件的方法(很多網(wǎng)友問過這個問題),我建議使用Jakarta Commons FileUpload的文件上傳組件,詳見:http://jakarta.apache.org/commons/fileupload/ !
測試效果:


測試環(huán)境:
操作系統(tǒng):windows2003 Server
Flex版本:Flex 2.0
Flash版本: flash Player 9
WEB服務器:
IIS 6.0
.net FrameWork 1.1
客戶端代碼:FileUpload.mxml































































服務端代碼:WebForm1.aspx


















