Flex 文件上传导入组件
2010年09月13日
上文讲到Flex利用Blazeds来上传文件,本文则封装了一个组件用于文件的上传导入,其主要功能有:
1)文件的选择;
2)文件类型的限定,比如只能选择txt文件,图片文件等;
3)文件上传,利用Blazeds;
4)文件导入,利用Blazeds;
5)上传、导入的事件分发;
1、文件上传组件核心代码 flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width="300" height="28" creationComplete="init()"> --> [Event(name="result", type="event.FileImportEvent")] [Event(name="fault", type=" event.FileImportEvent")] 3){
_fileFilter = [];
_fileFilter.push(new FileFilter("("+fileType+")",fileType));
}
}
// Property: maxFileSize,Flash Player Limit 100 mb
private var _maxFileSize:Number = 1024*1024*20;
[Bindable]
/**
* 读取和设置文件最大尺寸,单位为Byte,1K = 1024Byte,默认值为20M
*/
public function get maxFileSize():Number
{
return _maxFileSize;
}
public function set maxFileSize(size:Number):void
{
_maxFileSize = size;
}
private function checkFile():Boolean{
var blnResult:Boolean = true;
if(StringUtil.isEmpty(txtFileInfo.text)){
Alert.show("请选择要上传的文件!");
return false;
}
if(file.size>_maxFileSize){ //文件大小验证失败
Alert.show(StringUtil.format("该文件尺寸{0} 超出最大尺寸 {1}.",file.size/1000,_maxFileSize/1000));
blnResult = false;
}
if(file.data==null){
Alert.show("文件正在加载中,请稍等!");
blnResult = false;
}
return blnResult;
}
protected function btnBrowse_clickHandler(event:MouseEvent):void
{
file.browse(_fileFilter);//打开文件选择框
}
protected function btnDelete_clickHandler(event:MouseEvent):void
{
//删除远程服务器的文件
//清空txtFileInfo
txtFileInfo.text = "";
txtFileInfo.toolTip = "";
} protected function ro_resultHandler(event:ResultEvent):void { this.dispatchEvent(new FileImportEvent(FileImportEvent.RESULT,event.resul t)); } protected function ro_faultHandler(event:FaultEvent):void { this.dispatchEvent(new FileImportEvent(FileImportEvent.FAULT,null,event.f ault)); } public function importFile(headers:Array):Boolean{ var isSuccess:Boolean = checkFile(); if(isSuccess){ ro.importFile(file.data,headers,file.type); } return isSuccess; } public function uploadFile():Boolean{ var isSuccess:Boolean = checkFile(); if(isSuccess){ ro.uploadFile(file.data,file.type); } return isSuccess; } ]]>
2、FileImportEvent事件 package event { import flash.events.Event; import mx.rpc.Fault; publicclass FileImportEvent extends Event { publicstaticconst RESULT:String = "result"; publicstaticconst FAULT:String = "fault"; // privatevar _result:Object; privatevar _fault:Fault; // publicfunction FileImportEvent(type:String, result:Object=null, fault:Fault=null) { super(type,true); this._result = result; this._fault = fault; } // publicfunctionget result():Object{ return _result; } publicfunctionset result(value:Object):void{ _result = value; } // publicfunctionget fault():Fault{ return _fault; } publicfunctionset fault(value:Fault):void{ _fault = value; } } } 3、示例 flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="800" minHeight="600" creationComplete="init()" width="370" height="180" xmlns:fileupload="whh.flex.controls.fileupload.*">
发表评论
-
(转)C#数据库连接字符串
2012-07-06 09:52 700本文介绍C#数据库 ... -
'make menuconfig' requires the ncurses libraries.
2012-07-06 09:46 955过去的4年(或者六 ... -
C#开发系统服务时用的定时器组件
2012-07-03 13:44 1099写服务时,都需要 ... -
关于Flex4工程和 Alternativa3D 7.5.1的疑问
2012-07-02 13:08 578原文:http://bbs.9ria.com/thread ... -
将flex组件添加到papervision3d
2012-07-02 13:08 400上一篇文章介绍了如何将papervision3d作为组件添 ... -
Flex 4架构的组件开发
2012-07-02 13:08 573Flex 4架构的组件开发 作者:Michael Labr ... -
Flex style - CSS 的使用
2012-07-02 13:08 528Dan Orlando, 软件架 ... -
flex 绑定资源
2012-07-02 13:08 645Adobe Flex supports several i ... -
[转]Flex中[Bindable]的用法
2012-07-01 10:39 751什么是元数据(metadata):[Bindable]大 ... -
flex3:drag-drop全攻略(二)
2012-07-01 10:38 711这里写四个实例:1,List->List 2, ... -
flex4+servlet 实现文件上传功能
2012-07-01 10:38 594最近老是被问到flex的上传问题怎么解决,今天就贴出web ... -
flex图表
2012-07-01 10:38 663flex 可视化组件中 ... -
Java Server Push To Flex (ServerPush)
2012-06-30 17:02 725Java Server Push To Flex (Serve ... -
Flex通过javascript读写cookie
2012-06-30 17:02 682Flex通过javascript读写cookie 2010年 ... -
全面认识Flex弹出窗口用法
2012-06-30 17:02 567全面认识Flex弹出窗口用 ...
相关推荐
一个flex的文件上传组件,带进度条的。
flex文件上传下载组件,java和flex的代码,servlet上传下载,可以实现多文件
Flex 多文件上传组件,封装的很好哦。 不明白的可参看 http://zhengjunxiang.iteye.com/admin/blogs/1565493
Flex文件上传组件..........................
Flex 组件Flex 组件Flex 组件Flex 组件Flex 组件
flex excel文件导入到出 DataGrid
Flex 文件上传的文件代码 交你一步一步的完成上传功能
flex文件上传下载,节省服务器资源,提高服务器性能.
Flex3组件介绍,包含flex3的所有组件介绍并有例子
Flash多文件上传组件(Flex版) 通过嵌入flash到网页中,就可以实现多文件上传,使用非常方便.
实现文件上传下载到数据中,有上传精度条显示,可以上传MP3,MP4,txt等各种文件,可以再线浏览txt,word,excel等文件。
这个是我一直在用的针对于组件全屏的一个类,这里是页面上的某个组件全屏,而不是整个页面全屏。 这是原始的库了,里面少了一个针对按下ESC键的处理,这个在使用的时候可以自己加,另外一个问题就是由于这个库是FLEX...
Flex文件上传(某GIS系统,我负责的文件上传部分),有详细代码及注释。希望跟朋友们交流下。
用Flex实现的文件上传组件源码
Flex布局之关于组件的大小 Flex布局之关于组件的大小
//TotalCount总上传文件数量限制,-1表示不限制,默认值为50 param.Ext = (this.parameters.Ext == undefined || this.parameters.Ext == "") ? "*.*" : this.parameters.Ext;//上传的文件类型类型限制,...
Flex 和java文件上传,写得比较详细。多交流交流 欢迎大家下载
NULL 博文链接:https://merrygrass.iteye.com/blog/643203
Flex Builder4.5导入Excel和CSV文件到DataGrid中,并自定义DataGrid选中行的右键