`
唐朝
  • 浏览: 260814 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

FLEX带进度指示的文件上传

    博客分类:
  • flex
阅读更多

无意百度到一个示例代码,贴出来。

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源码:

<!----><mx:application xmlns="*" layout="absolute" xmlns:mx="http://www.adobe.com/2006/mxml" creationcomplete="init();"> </mx:application>

xml 代码
  1. <!---->xml version="1.0" encoding="utf-8"?>  
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns="*" creationComplete="init();">  
  3.     <mx:Script>  
  4.          <!----> 
  5.              import flash.net.FileReference;  
  6.              import mx.controls.Alert;  
  7.              import mx.events.CloseEvent;  
  8.              import flash.events.*;  
  9.    
  10.              private var file: FileReference;  
  11.    
  12.              private function init(): void{  
  13.                  Security.allowDomain("*");  
  14.                  file = new FileReference();  
  15.                  file.addEventListener(ProgressEvent.PROGRESS, onProgress);  
  16.                  file.addEventListener(Event.SELECT, onSelect);  
  17.              }  
  18.    
  19.              private function upload(): void{  
  20.                  file.browse();  
  21.              }  
  22.                
  23.              private function onSelect(e: Event): void{  
  24.                  Alert.show("上传 " + file.name + " (共 "+Math.round(file.size)+" 字节)?",  
  25.                             "确认上传",  
  26.                             Alert.YES|Alert.NO,  
  27.                             null,  
  28.                             proceedWithUpload);  
  29.              }  
  30.                
  31.              private function onProgress(e: ProgressEvent): void{  
  32.                  lbProgress.text = " 已上传 " + e.bytesLoaded   
  33.                      + " 字节,共 " + e.bytesTotal + " 字节";  
  34.                  var proc: uint = e.bytesLoaded / e.bytesTotal * 100;  
  35.                  bar.setProgress(proc, 100);  
  36.                   bar.label= "当前进度: " + " " + proc + "%";  
  37.              }  
  38.                
  39.              private function proceedWithUpload(e: CloseEvent): void{  
  40.                  if (e.detail == Alert.YES){  
  41.                      var request: URLRequest = new URLRequest("http://localhost:8080/dress/fileUploadServlet");  
  42.                      try {  
  43.                          file.upload(request);  
  44.                      } catch (error:Error) {  
  45.                          trace("上传失败");  
  46.                      }  
  47.                        
  48.                  }  
  49.              }  
  50.          ]]>  
  51.      mx:Script>  
  52.         
  53.      <mx:Canvas width="100%" height="100%">  
  54.          <mx:VBox width="100%" horizontalAlign="center">  
  55.              <mx:Label id="lbProgress" text="上传"/>  
  56.               <mx:ProgressBar id="bar" labelPlacement="bottom" themeColor="#F20D7A"  
  57.                  minimum="0" visible="true" maximum="100" label="当前进度: 0%"     
  58.                  direction="right" mode="manual" width="200"/>  
  59.              <mx:Button label="上传文件" click="upload();"/>               
  60.          mx:VBox>  
  61.      mx:Canvas>  
  62. mx:Application>  
分享到:
评论
2 楼 billle 2012-02-15  
找到了是commons-fileupload.jar
1 楼 billle 2012-02-15  
DiskFileItemFactory这个类是什么

相关推荐

    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