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")] 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; } ]]> width="25" id="btnBrowse" toolTip="选择文件" click="btnBrowse_clickHandler(event)"
paddingLeft="3" paddingRight="3" bottom="3" icon = "@Embed('assets/tool_folder_explore.png')"/>
width="25" id="btnDelete" icon = "@Embed('assets/tool_delete.png')"
labelPlacement="right" click="btnDelete_clickHandler(event)" paddingLeft="3" paddingRight="3" toolTip="取消文件选择"/>
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.*">
发表评论
-
一个字符串问题的思考
2012-07-06 09:51 497一、 问题描述: 求解给定文本text 中以字符 A ... -
Vim正则表达式查找替换
2012-07-06 09:45 934这里简单的给大家介绍一下Vim的查找替换,众所周知,Vim ... -
使用正则表达式实现表达式计算器
2012-07-06 09:37 1234使用正则表达式实 ... -
VTK使用入门(四)
2012-07-06 09:30 1770#include "vtkDICOMImageR ... -
页面仿百度下拉框,支持动态后台提取数据
2012-07-05 20:44 999.bottom_up { font-family ... -
核心Swing组件(五)
2012-07-03 13:42 563如图4-1所示,AbstractButton类是作用在幕后 ... -
flex分页控件源码
2012-07-02 10:22 563功能说明:只配合服务器端分页。这个分页条是通用的。只需要在 ... -
自定义网页滚动条
2012-07-02 10:21 522用户操作 [留言] [发消息] [加为好友] ... -
Three ways to set a custom busy cursor in flex
2012-07-02 10:21 507First, prepare your custom cu ... -
Android
2012-07-02 09:43 448... -
PHP作为Flex程序的数据源
2012-07-01 09:41 447Adobe Flash Builder 4 简体中文正式版 ... -
Flex和Spring的整合
2012-07-01 09:41 391关于Flex Adobe Flex是一套创建富客户端应用( ... -
实现FLEX 通过AMF跟PHP通信
2012-07-01 09:41 517AMF flex一种远调用 ... -
Java Server Push To Flex (ServerPush)
2012-07-01 09:40 514在网上找了许多的Flex与java 通信做ServerPu ... -
linux 下同名符号冲突问题解决方法
2012-06-30 17:56 1647最近的工作中遇到如下令人蛋疼的问题: linux 下 ... -
在xp和Win7上使用Tomcat 6.0经常遇到的几个问题及其解决方法
2012-06-30 17:56 497在Win7上使用Tomcat 6.0经常会遇到一下几个问题 ... -
找到多个具有相同 ID“_header”的控件。FindControl 要求控件具有唯一的 ID。错误的解决方法!
2012-06-30 17:56 529找到多个具有相 ... -
DB2相关问题及解决方法
2012-06-30 17:56 495DB2相关问题及解决方法: 一、DB2中的代码页( ... -
session串的问题以及解决方法
2012-06-30 17:56 561什么是session串的问题 典型案例:现有一W ...
相关推荐
一个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选中行的右键