- 浏览: 43542 次
- 性别:
- 来自: 广州
最新评论
Flex 文件上传导入组件
- 博客分类:
- 技术杂绘
上文讲到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")] 加载文件
}
/**
* 设置文件过滤,打开文件选择框时刻选择哪些类型的文件
* FileFilter("Images (*.jpg, *.jpeg, *.gif, *.png)", "*.jpg;*.jpeg;*.gif;*.png")
*/
public function set fileFilter(fileType:String):void{
if(!StringUtil.isEmpty(fileType) && StringUtil.trim(fileType).length>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:51 853由于最近的项目需要,有幸接触到了这方面的算法问题,字符串相 ... -
windows 正则表达式 工具 RegexBuddy
2012-07-06 09:45 791windows下的正则表达式工具,推荐的是:RegexBu ... -
Java高级(正则表达式)【Day8】
2012-07-06 09:37 664目标 回顾 Java 面向对象编程思想 回顾集合排 ... -
ARGUMENT 76 Luxess 对改善皮肤是否有显著效果
2012-07-06 09:30 656TOPIC: ARGUMENT76 - The follo ... -
JS构建日期控件
2012-07-05 20:45 639JS构建的日期控件,做个抛砖引玉的作用,可能不适合很多的浏 ... -
SWT/JFace常用组件----布局管理器
2012-07-03 13:43 857在 Java 中, GUI 程序开发的目标之一是跨平台,而 ... -
Flex ColumnChart verticalAxis 中的title在变换皮肤时的异常
2012-07-02 10:30 617在ColumnChart 中添加了title的显示,但在更 ... -
Flex 4架构的组件开发
2012-07-02 10:30 452Flex 4架构的组件开发 作者:Michael Labr ... -
Flex文件上传
2012-07-02 10:30 408今天花了一点时间 ... -
Flex拓扑图的设计(二)机房设计
2012-07-02 10:29 577flex以及其优越的交互性,在flex3的时候已经得到大家 ... -
用flex库资源的理由
2012-07-01 00:07 408Adobe Flash Builder 4 简体中文正式版 ... -
Flex 设计模式无法加载 as3commons-logging-1.1.1.swc。它可能与此 SDK 不兼容,或者无效。
2012-07-01 00:07 684Flex 设计模式无法加载 as3commons-lo ... -
Flex是咋回事之三 谁用谁知道
2012-07-01 00:06 636一项技术,从概念 ... -
Flex学习笔记(2)
2012-07-01 00:06 603学习中遇到转换错误 TypeError: Error ...
相关推荐
一个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选中行的右键