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

相关文章

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. 实现

使用mvn deploy命令上传jar包的实现

《使用mvndeploy命令上传jar包的实现》本文介绍了使用mvndeploy:deploy-file命令将本地仓库中的JAR包重新发布到Maven私服,文中通过示例代码介绍的非常详细,对大家的学... 目录一、背景二、环境三、配置nexus上传账号四、执行deploy命令上传包1. 首先需要把本地仓中要

Java实现数据库图片上传功能详解

《Java实现数据库图片上传功能详解》这篇文章主要为大家详细介绍了如何使用Java实现数据库图片上传功能,包含从数据库拿图片传递前端渲染,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1、前言2、数据库搭建&nbsChina编程p; 3、后端实现将图片存储进数据库4、后端实现从数据库取出图片给前端5、前端拿到

Vue ElementUI中Upload组件批量上传的实现代码

《VueElementUI中Upload组件批量上传的实现代码》ElementUI中Upload组件批量上传通过获取upload组件的DOM、文件、上传地址和数据,封装uploadFiles方法,使... ElementUI中Upload组件如何批量上传首先就是upload组件 <el-upl

SpringBoot+MyBatis-Flex配置ProxySQL的实现步骤

《SpringBoot+MyBatis-Flex配置ProxySQL的实现步骤》本文主要介绍了SpringBoot+MyBatis-Flex配置ProxySQL的实现步骤,文中通过示例代码介绍的非常详... 目录 目标 步骤 1:确保 ProxySQL 和 mysql 主从同步已正确配置ProxySQL 的

MyBatis-Flex BaseMapper的接口基本用法小结

《MyBatis-FlexBaseMapper的接口基本用法小结》本文主要介绍了MyBatis-FlexBaseMapper的接口基本用法小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具... 目录MyBATis-Flex简单介绍特性基础方法INSERT① insert② insertSelec

CSS3中使用flex和grid实现等高元素布局的示例代码

《CSS3中使用flex和grid实现等高元素布局的示例代码》:本文主要介绍了使用CSS3中的Flexbox和Grid布局实现等高元素布局的方法,通过简单的两列实现、每行放置3列以及全部代码的展示,展示了这两种布局方式的实现细节和效果,详细内容请阅读本文,希望能对你有所帮助... 过往的实现方法是使用浮动加

Java文件上传的多种实现方式

《Java文件上传的多种实现方式》文章主要介绍了文件上传接收接口的使用方法,包括获取文件信息、创建文件夹、保存文件到本地的两种方法,以及如何使用Postman进行接口调用... 目录Java文件上传的多方式1.文件上传接收文件接口2.接口主要内容部分3.postman接口调用总结Java文件上传的多方式1