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

FLEX带进度指示的文件上传

    博客分类:
  • Flex
阅读更多
转载: http://tj007-bo.iteye.com/blog/128181

FileUploadServlet.java源码:

package com.fire.servlet;

import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
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 FileUploadServlet extends HttpServlet {

// 定义文件的上传路径
private String uploadPath = "D:\\upload\\";

// 限制文件的上传大小
private int maxPostSize = 100 * 1024 * 1024;

public FileUploadServlet() {
  super();
}

public void destroy() {
  super.destroy();
}

  public void doGet(HttpServletRequest request, HttpServletResponse response)
   throws ServletException, IOException {
 
  //得到用户需要保存的服装的id
  String dressId = request.getParameter("dressID");
  System.out.println(dressId);
 
  //保存文件到服务器中
  response.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(request);
   Iterator iter = fileItems.iterator();
   while (iter.hasNext())
   {
    FileItem item = (FileItem) iter.next();
    if (!item.isFormField())
    {
     String name = item.getName();
     System.out.println(name);
     try
     {
      item.write(new File(uploadPath + name));
     }
     catch (Exception e)
     {
      e.printStackTrace();
     }
    }
   }
  }
  catch (FileUploadException e)
  {
   e.printStackTrace();
  }
}

  public void doPost(HttpServletRequest request, HttpServletResponse response)
   throws ServletException, IOException {
  doGet(request, response);
}

public void init() throws ServletException {
  // Put your code here
}

}


fileupload.mxml源码:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns="*" creationComplete="init();" width="352" height="58">
<mx:Script>
         <![CDATA[
             import flash.net.FileReference;
             import mx.controls.Alert;
             import mx.events.CloseEvent;
             import flash.events.*;

             private var file: FileReference;

             private function init(): void{
                 Security.allowDomain("*");
                 file = new FileReference();
                 file.addEventListener(ProgressEvent.PROGRESS, onProgress);
                 file.addEventListener(Event.SELECT, onSelect);
             }

             private function upload(): void{
                 file.browse();
             }
            
             private function onSelect(e: Event): void{
                 Alert.show("上传 " + file.name + " (共 "+Math.round(file.size)+" 字节)?",
                            "确认上传",
                            Alert.YES|Alert.NO,
                            null,
                            proceedWithUpload);
             }
            
             private function onProgress(e: ProgressEvent): void{
                 lbProgress.text = " 已上传 " + e.bytesLoaded
                     + " 字节,共 " + e.bytesTotal + " 字节";
                 var proc: uint = e.bytesLoaded / e.bytesTotal * 100;
                 bar.setProgress(proc, 100);
                  bar.label= "当前进度: " + " " + proc + "%";
             }
            
             private function proceedWithUpload(e: CloseEvent): void{
                 if (e.detail == Alert.YES){
                     var request: URLRequest = new URLRequest("http://localhost:8080/test/Upload");
                     try {
                         file.upload(request);
                     } catch (error:Error) {
                         trace("上传失败");
                     }
                    
                 }
             }
         ]]>
     </mx:Script>
     <mx:Button label="上传文件" click="upload();" x="251" y="10"/>
     <mx:ProgressBar id="bar" labelPlacement="bottom" themeColor="#F20D7A"
        minimum="0" visible="true" maximum="100" label="当前进度: 0%" 
        direction="right" mode="manual" width="200" x="43" y="10"/>
     <mx:Label id="lbProgress" text="上传" x="10" y="12"/>
</mx:Application>
分享到:
评论

相关推荐

    Flex 多文件上传组件

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

    Flex vs2005多文件上传源码

    标题中的“Flex vs2005多文件上传源码”指的是使用Adobe Flex和Microsoft Visual Studio 2005开发的一款支持多文件同时上传的应用程序。Flex是一种基于ActionScript的开源框架,用于创建富互联网应用程序(RIA),而...

    Flex实现的多文件上传实例

    在本实例中,我们关注的是如何使用Flex实现多文件上传功能,这在Web应用中是一个常见且实用的需求。 首先,我们需要理解Flex中的组件体系。在Flex中,FileReference类是处理文件上传和下载的核心类。当用户选择一个...

    Flex 多文件上传 项目源代码包

    7. **用户界面设计**:良好的用户界面设计对于多文件上传至关重要,包括选择文件的按钮、取消上传的选项、文件状态显示以及进度指示等。MXML可以用来布局和设计这些组件。 8. **异步上传**:为了不阻塞用户界面,...

    多文件上传

    例如,你可以用Flex创建自定义的文件选择对话框样式,或者设计动态的上传进度指示器。此外,Flex还允许添加错误处理和反馈机制,以告知用户上传状态。 总的来说,"多文件上传"技术涉及到前端的富用户体验设计、跨...

    文件上传下载+预览功能

    在IT领域,文件上传下载和预览功能是Web应用程序中非常常见且重要的组成部分,尤其在文档分享、在线协作和知识管理平台中。本篇将详细阐述这一功能的实现原理、技术选型以及相关知识点。 首先,文件上传是用户将...

    文件上传实例

    在Flex中实现文件上传,我们可以利用Flash Player的FileReference类。FileReference提供了文件选择、读取和上传的功能。首先,在Flex界面中添加一个按钮或组件,当用户点击时触发文件选择对话框。用户选择文件后,...

    asp.net批量多选文件上传解决方案

    在所有文件上传的过程中,除了显示每个文件的上传进度外,还需要有一个总进度指示器,它可以显示所有文件上传进度的总和,这样用户可以大致了解整个上传过程的完成情况。 #### 功能三:显示所有上传文件的总大小 ...

    flah上传进度条.rar

    传统的HTML表单上传通常没有进度指示,用户只能等待上传完成,这在处理大文件时可能会造成用户体验不佳。为了解决这个问题,Flash提供了文件上传API,支持多部分上传和实时进度显示,从而提高了用户体验。 接着,**...

    Flex3.5 mx.controls源文件包

    9. **ProgressBar**: 显示任务进度,分为水平和垂直两种,常用于文件上传或下载时的进度指示。 10. **Accordion**: 可折叠的面板容器,用户可以展开或折叠各个面板,方便展示大量信息。 11. **TabNavigator**: 包含...

    progressbar

    "Progressbar"是FLEX中的一个重要组件,它用于显示一个任务的进度,比如数据加载、文件上传或者任何需要时间完成的操作。在用户界面设计中,进度条是提高用户体验的重要元素,因为它提供了可视化的反馈,让用户了解...

    flex3的cookbook书籍完整版dpf(包含目录)

    为音频文件创建进度搜索条 8.5节. 融合两幅图像 8.6节. 将Convolution滤镜应用于图像 8.7节. 通过摄像头将视频发送到FMS实例 8.8节. 访问用户的麦克风并创建声音显示 8.9节. 在Flex程序中平滑播放视频 8.10节. 检测...

    QQ音乐小程序布局+小程序图片裁剪组件

    在实际开发过程中,除了核心功能,还需要考虑错误处理、状态管理(如播放/暂停状态、音量控制等)、网络请求(如获取音乐信息、播放进度同步等)以及用户体验优化(如加载动画、加载失败提示等)。此外,良好的代码...

Global site tag (gtag.js) - Google Analytics