学习笔记剖析Flex上传文件功能如何实现

本文和大家重点讨论一下Flex上传文件功能如何实现，写过很多文件上传的功能，包括AJAX实现动态监控上传进度的，现在看到了实现Flex文件上传功能，还真是很方便，这里和大家分享一下。

成都创新互联公司是一家集网站建设,鞍山企业网站建设,鞍山品牌网站建设,网站定制,鞍山网站建设报价,网络营销,网络优化,鞍山网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

Flex上传文件功能

写过很多文件上传的功能，包括AJAX实现动态监控上传进度的，现在看到了实现Flex文件上传功能，还真是很方便，没什么好说的，Flex上传文件代码：

upload.mxml

 
 
 
 
  
  
  
   
  
  
  
  
  
  
  
  
creationComplete="init()"layout="absolute"width="497"height="136"
  
  
  
  backgroundGradientAlphas="[1.0,1.0]"backgroundGradientColors="[#F2F8F8,#45E7E5]"> 
  
  
  
   
  
  
  
   
  
  
  
  .myfont{font-size:13pt}  
  
  
  
   
  
  
  
   
  
  
  
   
  
  
  
  
  
  
  
  
mode="manual"maximum="100"id="progress1"label="当前进度:0%"styleName="myfont"fontWeight="normal"/>

upload.as

 
 
 
 
  
  
  
  1//ActionScriptfile  
  
  
  
  2importflash.events.Event;  
  
  
  
  3importflash.net.FileFilter;  
  
  
  
  4importflash.net.FileReference;  
  
  
  
  5privatevarfileRef:FileReference=newFileReference();  
  
  
  
  6privatefunctioninit():void{  
  
  
  
  7  
  
  
  
  8}  
  
  
  
  9  
  
  
  
  10privatefunctionpickfile():void{  
  
  
  
  11varimageTypes:FileFilter=newFileFilter("图片(*.jpg,*.jpeg,*.gif,*.png)","*.jpg;*.jpeg;*.gif;*.png");  
  
  
  
  12vartextTypes:FileFilter=newFileFilter("文本文件(*.txt","*.txt;");  
  
  
  
  13varofficeType:FileFilter=newFileFilter("Office文件(*.doc,*.xls","*.doc;*.xls");  
  
  
  
  14varanyType:FileFilter=newFileFilter("所有文件(*.*)","*.*");  
  
  
  
  15varallTypes:Array=newArray(imageTypes,textTypes,officeType,anyType);  
  
  
  
  16fileRef.addEventListener(Event.SELECT,selectHandler);  
  
  
  
  17fileRef.addEventListener(Event.COMPLETE,completeHandler);  
  
  
  
  18fileRef.addEventListener(ProgressEvent.PROGRESS,progressHandler);  
  
  
  
  19fileRef.addEventListener("ioError",ioerrorHandler);  
  
  
  
  20try{  
  
  
  
  21varsuccess:Boolean=fileRef.browse(allTypes);  
  
  
  
  22}catch(error:Error){  
  
  
  
  23trace("Unabletobrowseforfiles."+error.toString());  
  
  
  
  24}  
  
  
  
  25}  
  
  
  
  26privatefunctionioerrorHandler(event:Event):void{  
  
  
  
  27trace("Unabletouploadfile."+event.toString());  
  
  
  
  28}  
  
  
  
  29privatefunctionprogressHandler(event:ProgressEvent):void{  
  
  
  
  30lbProgress.text="已上传"+(event.bytesLoaded/1024).toFixed(2)+"K，共"+(event.bytesTotal/1024).toFixed(2)+"K";  
  
  
  
  31varproc:uint=event.bytesLoaded/event.bytesTotal*100;  
  
  
  
  32progress1.setProgress(proc,100);  
  
  
  
  33progress1.label="当前进度:"+""+proc+"%";  
  
  
  
  34  
  
  
  
  35}  
  
  
  
  36privatefunctionselectHandler(event:Event):void{  
  
  
  
  37varrequest:URLRequest=newURLRequest("http://localhost:9080/upload/upload.jsp")  
  
  
  
  38try  
  
  
  
  39{  
  
  
  
  40fileRef.upload(request);  
  
  
  
  41}  
  
  
  
  42catch(error:Error)  
  
  
  
  43{  
  
  
  
  44trace("Unabletouploadfile."+error.toString());  
  
  
  
  45}  
  
  
  
  46}  
  
  
  
  47privatefunctioncompleteHandler(event:Event):void{  
  
  
  
  48trace("uploaded");  
  
  
  
  49}

Flex上传文件效果图：

【编辑推荐】

实例解析Flex字体的使用
FlexBuilder4十大新特性闪亮登场
学习总结在Flex中如何嵌入Flex字体
揭开Flex正则表达式的神秘面纱
FlexBuilder开发方法及特点解析

当前标题：学习笔记剖析Flex上传文件功能如何实现
分享路径：http://www.mswzjz.cn/qtweb/news25/240775.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：贝锐智能

贝锐智能技术为您推荐以下文章