`
fengzgxing
  • 浏览: 242863 次
  • 性别: Icon_minigender_1
  • 来自: 四川
社区版块
存档分类
最新评论

Flex上传文件功能

    博客分类:
  • Flex
阅读更多
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"); 

  

分享到:
评论

相关推荐

    Flex多文件上传+md5验证文件是否上传

    在提供的压缩包文件中,"说明.txt"很可能包含了实现这一功能的详细步骤和注意事项,"Flex源码"是实现多文件上传和MD5验证的Flex代码示例,而"ASP.NET上传接口"可能是服务器端处理文件上传和MD5验证的C#代码。...

    Flex 多文件上传组件

    Flex多文件上传组件是一种在Adobe Flex环境中实现的高级功能,允许用户一次性选择并上传多个文件。这个组件在Web应用程序中非常实用,特别是在处理大量图片、文档或其他类型文件上传的场景下,大大提升了用户体验。 ...

    Flex 上传文件控件 (带java服务端)

    综上所述,这个项目提供了一套完整的解决方案,涵盖了从Flex前端的文件选择、大小限制、进度显示,到Java后端的文件接收、大小检查和存储等全部流程,是学习和实践Flex与Java集成开发文件上传功能的一个良好示例。

    Flex文件上传文件代码

    Flex 文件上传的文件代码 交你一步一步的完成上传功能

    flex文件上传下载,在线以pdf形式浏览文件

    本篇文章将详细讲解如何实现"flex文件上传下载,在线以pdf形式浏览文件"这一功能。 首先,让我们了解一下“flex”在这里的含义。Flex通常指的是Adobe Flex,一个用于构建富互联网应用(RIA)的开源框架。它基于...

    Flex上传文件与下载

    ### Flex与Servlet结合实现文件上传及下载功能 在Flex与Servlet技术结合的背景下,本文将详细介绍如何通过这两种技术实现文件的上传与下载功能。通过分析提供的代码片段,我们可以看到一个典型的Flex应用程序界面...

    flex文件上传下载

    在 Flex 开发中,文件上传和下载是常见的需求,尤其对于需要处理大量用户上传内容的应用来说,这是一项关键功能。Flex 提供了便捷的方式来进行文件的上传和下载操作,同时可以有效利用服务器资源,提高服务器性能。...

    FLEX上传文件,flex upload

    总之,Flex上传文件涉及到对Adobe Flex框架的理解,以及如何与JavaScript库如SWFUpload协同工作以实现在浏览器环境中的文件上传功能。通过学习提供的示例和核心库,开发者可以掌握这一关键技术,并将其应用于各种Web...

    flex 多文件上传

    "flex 多文件上传"是指使用Adobe Flex框架实现的能够同时上传多个文件的功能。Flex是一款强大的RIA(富互联网应用)开发工具,它基于ActionScript编程语言和Flash Player运行时环境,提供丰富的用户界面组件和交互...

    Flex文件上传组件

    Flex文件上传组件是一种基于Adobe Flex技术的用户界面组件,用于在Web应用中实现文件上传功能。Flex是一个开源的RIA(富互联网应用)框架,它允许开发者创建交互性强、图形丰富的Web应用。在这个组件中,用户可以...

    flex+java文件上传完整实例

    本示例“flex+java文件上传完整实例”提供了一个完善的解决方案,它结合了Adobe Flex前端技术和Java后端技术,实现了用户友好的文件上传功能。Flex是一种开源的RIA(富互联网应用)开发框架,而Java则提供了强大的...

    Flex文件上传的组件

    Flex文件上传组件是一种基于Adobe Flex技术的用户界面组件,它允许用户在Web应用程序中选择并上传文件。在Flex中,这种组件通常会显示一个文件选择对话框,让用户选择要上传的文件,并且会提供一个进度条来显示上传...

    flex实现多文件上传

    在Flex中实现多文件上传,通常涉及到ActionScript编程、组件使用以及与服务器端的交互。下面将详细介绍如何使用Flex来实现这个功能。 一、Flex中的文件选择组件 在Flex中,我们可以使用`FileReference`类来处理文件...

    Flex文件上传(某GIS系统,我负责的文件上传部分)

    2. **文件上传组件**:在Flex中,我们可以使用`FileReference`类来实现文件上传功能。这个类提供了选择本地文件、读取文件内容以及上传文件到服务器的方法。用户通过点击按钮触发文件选择对话框,选择后,`...

    flex+java文件上传

    Flex和Java文件上传技术是Web应用中常见的功能,主要用于用户在网页端上传本地文件到服务器。Flex是一款由Adobe公司开发的开源框架,主要用于构建富互联网应用程序(Rich Internet Applications,RIA)。它基于...

    Flex+Java 文件上传

    当我们需要在Web应用程序中实现文件上传功能时,可以利用Flex作为前端用户界面,Java Servlet作为后端处理程序。 为了实现Flex+Java Servlet的文件上传,我们需要以下步骤: 1. **事前准备**: 在开始之前,我们...

    asp.net+flex批量上传文件

    本教程将重点讨论如何使用ASP.NET与Adobe Flex技术实现批量文件上传的功能。这两种技术的结合为开发人员提供了跨平台的灵活性,同时保证了前端的交互性和后端的强大处理能力。 首先,ASP.NET是微软公司推出的一种...

    Flex 实现文件上传及进度显示

    7. **安全考虑**:在实现文件上传功能时,必须考虑到安全问题,如防止跨站脚本攻击(XSS)、文件类型限制(防止上传恶意文件)以及大小限制(避免资源耗尽)等。 8. **错误处理**:客户端和服务器端都应有适当的...

    Flex 上传多个文件

    另外,为了优化用户体验,可以考虑使用异步上传或多线程上传技术,比如使用SWFUpload或Plupload这样的第三方库,它们提供了更高级的多文件上传功能。 总的来说,Flex的多文件上传涉及到客户端的用户交互、文件选择...

Global site tag (gtag.js) - Google Analytics