`
coral0212
  • 浏览: 101431 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

Flex 2实现文件上传

    博客分类:
  • UI
阅读更多

Flex 2实现文件上传

                                      

 

1.      环境的安装以及配置就不说了,网上很多地方可以找到。(我的是:JDK1.4.2,Flex Builder 2,Flex 2 SDK,Tomcat 4.1,Eclips3.0.1)。
2.      首先在Eclips中创建一个tomcat工程,例如取名为FileUpload。
3.      找到Flex SDK安装目录,将flex.war拷贝出来更名为flex.rar。解开这个包。将里面的META-INF 以及WEB-INF文件夹拷贝到Eclips的工作目录(我的是:d:workspaces)----即刚才创建的FileUpload目录下。
4.      Flex Builder 2下创建一个新的工程。具体步骤如下图。




5.      工程中引入common-fileupload-1.1.1.jar以及common-io-1.2.jar(没有的话去http://www.apache.org下载)。
6.      编写上传servlet  myUpload.java  代码如下(上传的文件存放在D:\\upload\\,没有的话请创建):

存放在../src/com/fileupload

package com.fileupload;

import java.io.File;
import java.io.IOException;
import java.util.Iterator;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;

public class myUpload extends HttpServlet {

     private String uploadPath = "D:\\upload\\";
     private int maxPostSize = 100 * 1024 * 1024;
     
     public void doPost(HttpServletRequest req, HttpServletResponse res)
                 throws ServletException, IOException {
           res.setContentType("text/html; charset=UTF-8");
           
           DiskFileItemFactory factory = new DiskFileItemFactory();
           factory.setSizeThreshold(4096);

           ServletFileUpload upload = new ServletFileUpload(factory);
           upload.setSizeMax(maxPostSize);
           try {
                 List fileItems = upload.parseRequest(req);
                 Iterator iter = fileItems.iterator();
                 while (iter.hasNext()) {
                       FileItem item = (FileItem) iter.next();
                       if (!item.isFormField()) {
                             String name = item.getName();
                             try {
                             item.write(new File(uploadPath + name));
                             } catch (Exception e) {
                                   e.printStackTrace();
                             }
                       }
                 }
           } catch (FileUploadException e) {
                 e.printStackTrace();
           }

     }
}

 
7.      在web.xml中加入如下代码。(用于调用servlet)

   
       myUpload
       File Upload Servlet
       File Servlet Example
       com.fileupload.myUpload
   

   
       myUpload
       /myUpload
   

8.前台的FileUpload.mxml文件代码如下:

<!---->

http://www.adobe.com/2006/mxml"
     xmlns="*" creationComplete="init()">
     


           private var currentAction:String;
             private var uploadURL:URLRequest;
             private var file:FileReference;
             
             private var fileName:String;

                 private function init() : void{
               file = new FileReference();
           }
           
             public function FileReference_browse() : void {
                  currentAction = "upload";
                 uploadURL = new URLRequest();
                 file = new FileReference();
                 configureListeners(file);
                 file.browse();
             }

             private function configureListeners(dispatcher:IEventDispatcher):void {
                 dispatcher.addEventListener(Event.SELECT, selectHandler);
             }
           
           private function selectHandler(event:Event):void {
                 var file:FileReference = FileReference(event.target);
                 if(currentAction == "upload"){
                      uploadURL.url = "myUpload?path=work&filename=" + file.name;
                      file.upload(uploadURL);
                 }
             }

           ]]>

9.启动Tomcat,发布成功

分享到:
评论

相关推荐

    flex实现多文件上传

    综上所述,使用Flex实现多文件上传涉及了文件选择、HTTP请求、进度监控等多个环节。通过合理地组织代码和优化用户体验,我们可以创建一个功能完备且用户友好的多文件上传功能。在实际开发中,可能还需要根据具体需求...

    flex+java文件上传

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

    flex3 java 文件上传源码

    综上所述,Flex3和Java文件上传涉及前端的用户交互和后端的数据处理,需要理解Flex的ActionScript3编程、文件上传机制以及Java Web服务的实现。同时,安全性、性能和用户体验也是设计此类系统时必须考虑的重要因素。

    Flex+Java 文件上传

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

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

    Flex是一种基于ActionScript 3.0的开源...以上就是使用Flex实现文件上传及进度显示的关键知识点,这些内容涵盖了从用户交互到后台处理的整个流程。在实际开发中,还需要根据项目需求和具体技术栈进行适当的调整和优化。

    flex struts2文件上传

    在Flex中实现文件上传,首先需要理解Flex提供的FileReference类。FileReference允许用户选择本地文件,并提供了读取和上传文件到服务器的功能。在用户选择文件后,可以调用FileReference的upload方法,将文件数据...

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

    1. **多文件上传**:在Flex中,可以利用Flash Player的FileReference类来实现文件上传。用户可以选择一个或多个文件,然后FileReference对象将负责读取文件内容并发送到服务器。通过循环遍历FileReference列表,可以...

    flex实现文件上传

    在“flex实现文件上传”的场景中,首先需要创建一个Flex应用,包含一个FileReference对象。FileReference是Flash Player提供的API,允许用户选择本地文件并执行读取、写入或上传操作。以下是一段简单的代码示例: `...

    flex+java文件上传完整实例

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

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

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

    Flex 向 java服务器 上传文件

    在本示例中,我们将讨论如何使用Flex客户端实现文件上传功能,并将其发送到Java服务器。 首先,我们需要了解Flex中的FileReference类。这个类是Flash Player API的一部分,允许用户从本地文件系统选择文件并进行...

    Flex文件上传组件

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

    Flex 多文件上传组件

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

    flex 多文件上传

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

    java spring +flex实现文件上传

    在Java Spring和Flex框架下实现文件上传功能是一个常见的需求,特别是在构建富互联网应用程序(RIA)时。Spring框架提供了强大的后端支持,而Flex则作为前端交互界面,为用户提供丰富的用户体验。下面将详细介绍如何...

    Flex文件上传的组件

    在Flex中实现文件上传,主要涉及以下几个关键知识点: 1. **组件库**:Flex SDK提供了许多内置组件,如Button、Label、ProgressBar等,我们可以利用这些组件来构建文件上传的界面。例如,Button用于触发文件选择,...

    flex文件上传下载

    Flex文件上传下载是一种在Web应用中实现文件交互的技术,它主要使用Adobe Flex框架来构建富互联网应用程序(RIA)。Flex提供了一种强大的方式来创建交互式的、图形化的用户界面,其中包括处理文件上传和下载功能。在...

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

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

    asp.net+flex批量上传文件

    在ASP.NET中实现文件上传,主要涉及`HttpPostedFileBase`类。这个类是ASP.NET MVC或Web Forms中用于处理HTTP POST请求中上传文件的对象。你可以通过表单的`&lt;input type="file" /&gt;`控件来选择多个文件,然后在服务器...

    用Flex实现的文件上传组件源码

    总结起来,使用Flex实现文件上传组件涉及的关键技术包括:`FileReference`类的使用,事件监听,文件读取,文件上传,进度显示和错误处理。通过熟练掌握这些知识点,开发者可以构建出功能完备且用户体验良好的文件...

Global site tag (gtag.js) - Google Analytics