FLEX带进度指示的文件上传

2024-03-30 21:48
文章标签 上传 进度 flex 指示

本文主要是介绍FLEX带进度指示的文件上传,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

http://tj007-bo.javaeye.com/blog/128181

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>  

这篇关于FLEX带进度指示的文件上传的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/862668

相关文章

Python使用FastAPI实现大文件分片上传与断点续传功能

《Python使用FastAPI实现大文件分片上传与断点续传功能》大文件直传常遇到超时、网络抖动失败、失败后只能重传的问题,分片上传+断点续传可以把大文件拆成若干小块逐个上传,并在中断后从已完成分片继... 目录一、接口设计二、服务端实现(FastAPI)2.1 运行环境2.2 目录结构建议2.3 serv

Python一次性将指定版本所有包上传PyPI镜像解决方案

《Python一次性将指定版本所有包上传PyPI镜像解决方案》本文主要介绍了一个安全、完整、可离线部署的解决方案,用于一次性准备指定Python版本的所有包,然后导出到内网环境,感兴趣的小伙伴可以跟随... 目录为什么需要这个方案完整解决方案1. 项目目录结构2. 创建智能下载脚本3. 创建包清单生成脚本4

SpringBoot+RustFS 实现文件切片极速上传的实例代码

《SpringBoot+RustFS实现文件切片极速上传的实例代码》本文介绍利用SpringBoot和RustFS构建高性能文件切片上传系统,实现大文件秒传、断点续传和分片上传等功能,具有一定的参考... 目录一、为什么选择 RustFS + SpringBoot?二、环境准备与部署2.1 安装 RustF

SpringBoot实现不同接口指定上传文件大小的具体步骤

《SpringBoot实现不同接口指定上传文件大小的具体步骤》:本文主要介绍在SpringBoot中通过自定义注解、AOP拦截和配置文件实现不同接口上传文件大小限制的方法,强调需设置全局阈值远大于... 目录一  springboot实现不同接口指定文件大小1.1 思路说明1.2 工程启动说明二 具体实施2

Spring Boot 结合 WxJava 实现文章上传微信公众号草稿箱与群发

《SpringBoot结合WxJava实现文章上传微信公众号草稿箱与群发》本文将详细介绍如何使用SpringBoot框架结合WxJava开发工具包,实现文章上传到微信公众号草稿箱以及群发功能,... 目录一、项目环境准备1.1 开发环境1.2 微信公众号准备二、Spring Boot 项目搭建2.1 创建

GitLab文件的上传与下载方式

《GitLab文件的上传与下载方式》:本文主要介绍GitLab文件的上传与下载方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录GitLab 项目拉取到本地GitLab 项目上传方法方法 1:本地项目未初始化Git方法 2:本地项目已初始化GitGitLab 上

Nginx 413修改上传文件大小限制的方法详解

《Nginx413修改上传文件大小限制的方法详解》在使用Nginx作为Web服务器时,有时会遇到客户端尝试上传大文件时返回​​413RequestEntityTooLarge​​... 目录1. 理解 ​​413 Request Entity Too Large​​ 错误2. 修改 Nginx 配置2.1

Java应用如何防止恶意文件上传

《Java应用如何防止恶意文件上传》恶意文件上传可能导致服务器被入侵,数据泄露甚至服务瘫痪,因此我们必须采取全面且有效的防范措施来保护Java应用的安全,下面我们就来看看具体的实现方法吧... 目录恶意文件上传的潜在风险常见的恶意文件上传手段防范恶意文件上传的关键策略严格验证文件类型检查文件内容控制文件存储

Java实现MinIO文件上传的加解密操作

《Java实现MinIO文件上传的加解密操作》在云存储场景中,数据安全是核心需求之一,MinIO作为高性能对象存储服务,支持通过客户端加密(CSE)在数据上传前完成加密,下面我们来看看如何通过Java... 目录一、背景与需求二、技术选型与原理1. 加密方案对比2. 核心算法选择三、完整代码实现1. 加密上

在React聊天应用中实现图片上传功能

《在React聊天应用中实现图片上传功能》在现代聊天应用中,除了文字和表情,图片分享也是一个重要的功能,本文将详细介绍如何在基于React的聊天应用中实现图片上传和预览功能,感兴趣的小伙伴跟着小编一起... 目录技术栈实现步骤1. 消息组件改造2. 图片预览组件3. 聊天输入组件改造功能特点使用说明注意事项