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

相关文章

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. 聊天输入组件改造功能特点使用说明注意事项

springboot上传zip包并解压至服务器nginx目录方式

《springboot上传zip包并解压至服务器nginx目录方式》:本文主要介绍springboot上传zip包并解压至服务器nginx目录方式,具有很好的参考价值,希望对大家有所帮助,如有错误... 目录springboot上传zip包并解压至服务器nginx目录1.首先需要引入zip相关jar包2.然

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例

AJAX请求上传下载进度监控实现方式

《AJAX请求上传下载进度监控实现方式》在日常Web开发中,AJAX(AsynchronousJavaScriptandXML)被广泛用于异步请求数据,而无需刷新整个页面,:本文主要介绍AJAX请... 目录1. 前言2. 基于XMLHttpRequest的进度监控2.1 基础版文件上传监控2.2 增强版多

用js控制视频播放进度基本示例代码

《用js控制视频播放进度基本示例代码》写前端的时候,很多的时候是需要支持要网页视频播放的功能,下面这篇文章主要给大家介绍了关于用js控制视频播放进度的相关资料,文中通过代码介绍的非常详细,需要的朋友可... 目录前言html部分:JavaScript部分:注意:总结前言在javascript中控制视频播放

Java实现数据库图片上传与存储功能

《Java实现数据库图片上传与存储功能》在现代的Web开发中,上传图片并将其存储在数据库中是常见的需求之一,本文将介绍如何通过Java实现图片上传,存储到数据库的完整过程,希望对大家有所帮助... 目录1. 项目结构2. 数据库表设计3. 实现图片上传功能3.1 文件上传控制器3.2 图片上传服务4. 实现