Flex代码
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init()" layout="absolute" width="497" height="136" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#F2F8F8, #45E7E5]">
<mx:Script source="upload.as"></mx:Script>
<mx:Style>
.myfont{font-size:13pt}
</mx:Style>
<mx:Button x="10" y="95" label="上传文件" click="pickfile()" styleName="myfont"/>
<mx:Label x="10" y="10" text="文件上传" styleName="myfont"/>
<mx:ProgressBar x="10" y="40" width="457" themeColor="#F20D7A" minimum="0" mode="manual" maximum="100" id="progress1" label="当前进度: 0%" styleName="myfont" fontWeight="normal"/>
<mx:Label x="146" y="98" width="321" id="lbProgress" styleName="myfont" textAlign="right"/>
</mx:Application>
upload.as
Flex代码
// ActionScript file
import flash.events.Event;
import flash.net.FileFilter;
import flash.net.FileReference;
private var fileRef:FileReference = new FileReference();
private function init():void{
}
private function pickfile():void{
var imageTypes:FileFilter = new FileFilter("图片 (*.jpg, *.jpeg, *.gif,*.png)", "*.jpg; *.jpeg; *.gif; *.png");
var textTypes:FileFilter = new FileFilter("文本文件(*.txt","*.txt;");
var officeType:FileFilter = new FileFilter("Office文件(*.doc, *.xls","*.doc; *.xls");
var anyType:FileFilter = new FileFilter("所有文件(*.*)","*.*");
var allTypes:Array = new Array(imageTypes, textTypes,officeType,anyType);
fileRef.addEventListener(Event.SELECT, selectHandler);
fileRef.addEventListener(Event.COMPLETE, completeHandler);
fileRef.addEventListener(ProgressEvent.PROGRESS, progressHandler);
fileRef.addEventListener("ioError", ioerrorHandler);
try{
var success:Boolean = fileRef.browse(allTypes);
}catch (error:Error){
trace("Unable to browse for files."+error.toString());
}
}
private function ioerrorHandler(event:Event):void{
trace("Unable to upload file."+event.toString());
}
private function progressHandler(event:ProgressEvent):void{
lbProgress.text = " 已上传 " + (event.bytesLoaded/1024).toFixed(2)+ " K,共 " + (event.bytesTotal/1024).toFixed(2) + " K";
var proc: uint = event.bytesLoaded / event.bytesTotal * 100;
progress1.setProgress(proc, 100);
progress1.label= "当前进度: " + " " + proc + "%";
}
private function selectHandler(event:Event):void{
var request:URLRequest = new URLRequest("http://localhost:9080/upload/upload.jsp")
try
{
fileRef.upload(request);
}
catch (error:Error)
{
trace("Unable to upload file."+error.toString());
}
}
private function completeHandler(event:Event):void{
trace("uploaded");
}
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init()" layout="absolute" width="497" height="136" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#F2F8F8, #45E7E5]">
<mx:Script source="upload.as"></mx:Script>
<mx:Style>
.myfont{font-size:13pt}
</mx:Style>
<mx:Button x="10" y="95" label="上传文件" click="pickfile()" styleName="myfont"/>
<mx:Label x="10" y="10" text="文件上传" styleName="myfont"/>
<mx:ProgressBar x="10" y="40" width="457" themeColor="#F20D7A" minimum="0" mode="manual" maximum="100" id="progress1" label="当前进度: 0%" styleName="myfont" fontWeight="normal"/>
<mx:Label x="146" y="98" width="321" id="lbProgress" styleName="myfont" textAlign="right"/>
</mx:Application>
upload.as
Flex代码
// ActionScript file
import flash.events.Event;
import flash.net.FileFilter;
import flash.net.FileReference;
private var fileRef:FileReference = new FileReference();
private function init():void{
}
private function pickfile():void{
var imageTypes:FileFilter = new FileFilter("图片 (*.jpg, *.jpeg, *.gif,*.png)", "*.jpg; *.jpeg; *.gif; *.png");
var textTypes:FileFilter = new FileFilter("文本文件(*.txt","*.txt;");
var officeType:FileFilter = new FileFilter("Office文件(*.doc, *.xls","*.doc; *.xls");
var anyType:FileFilter = new FileFilter("所有文件(*.*)","*.*");
var allTypes:Array = new Array(imageTypes, textTypes,officeType,anyType);
fileRef.addEventListener(Event.SELECT, selectHandler);
fileRef.addEventListener(Event.COMPLETE, completeHandler);
fileRef.addEventListener(ProgressEvent.PROGRESS, progressHandler);
fileRef.addEventListener("ioError", ioerrorHandler);
try{
var success:Boolean = fileRef.browse(allTypes);
}catch (error:Error){
trace("Unable to browse for files."+error.toString());
}
}
private function ioerrorHandler(event:Event):void{
trace("Unable to upload file."+event.toString());
}
private function progressHandler(event:ProgressEvent):void{
lbProgress.text = " 已上传 " + (event.bytesLoaded/1024).toFixed(2)+ " K,共 " + (event.bytesTotal/1024).toFixed(2) + " K";
var proc: uint = event.bytesLoaded / event.bytesTotal * 100;
progress1.setProgress(proc, 100);
progress1.label= "当前进度: " + " " + proc + "%";
}
private function selectHandler(event:Event):void{
var request:URLRequest = new URLRequest("http://localhost:9080/upload/upload.jsp")
try
{
fileRef.upload(request);
}
catch (error:Error)
{
trace("Unable to upload file."+error.toString());
}
}
private function completeHandler(event:Event):void{
trace("uploaded");
}