转载: 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多文件上传组件是一种在Adobe Flex环境中实现的高级功能,允许用户一次性选择并上传多个文件。这个组件在Web应用程序中非常实用,特别是在处理大量图片、文档或其他类型文件上传的场景下,大大提升了用户体验。 ...
标题中的“Flex vs2005多文件上传源码”指的是使用Adobe Flex和Microsoft Visual Studio 2005开发的一款支持多文件同时上传的应用程序。Flex是一种基于ActionScript的开源框架,用于创建富互联网应用程序(RIA),而...
在本实例中,我们关注的是如何使用Flex实现多文件上传功能,这在Web应用中是一个常见且实用的需求。 首先,我们需要理解Flex中的组件体系。在Flex中,FileReference类是处理文件上传和下载的核心类。当用户选择一个...
7. **用户界面设计**:良好的用户界面设计对于多文件上传至关重要,包括选择文件的按钮、取消上传的选项、文件状态显示以及进度指示等。MXML可以用来布局和设计这些组件。 8. **异步上传**:为了不阻塞用户界面,...
例如,你可以用Flex创建自定义的文件选择对话框样式,或者设计动态的上传进度指示器。此外,Flex还允许添加错误处理和反馈机制,以告知用户上传状态。 总的来说,"多文件上传"技术涉及到前端的富用户体验设计、跨...
在IT领域,文件上传下载和预览功能是Web应用程序中非常常见且重要的组成部分,尤其在文档分享、在线协作和知识管理平台中。本篇将详细阐述这一功能的实现原理、技术选型以及相关知识点。 首先,文件上传是用户将...
在Flex中实现文件上传,我们可以利用Flash Player的FileReference类。FileReference提供了文件选择、读取和上传的功能。首先,在Flex界面中添加一个按钮或组件,当用户点击时触发文件选择对话框。用户选择文件后,...
在所有文件上传的过程中,除了显示每个文件的上传进度外,还需要有一个总进度指示器,它可以显示所有文件上传进度的总和,这样用户可以大致了解整个上传过程的完成情况。 #### 功能三:显示所有上传文件的总大小 ...
传统的HTML表单上传通常没有进度指示,用户只能等待上传完成,这在处理大文件时可能会造成用户体验不佳。为了解决这个问题,Flash提供了文件上传API,支持多部分上传和实时进度显示,从而提高了用户体验。 接着,**...
9. **ProgressBar**: 显示任务进度,分为水平和垂直两种,常用于文件上传或下载时的进度指示。 10. **Accordion**: 可折叠的面板容器,用户可以展开或折叠各个面板,方便展示大量信息。 11. **TabNavigator**: 包含...
"Progressbar"是FLEX中的一个重要组件,它用于显示一个任务的进度,比如数据加载、文件上传或者任何需要时间完成的操作。在用户界面设计中,进度条是提高用户体验的重要元素,因为它提供了可视化的反馈,让用户了解...
为音频文件创建进度搜索条 8.5节. 融合两幅图像 8.6节. 将Convolution滤镜应用于图像 8.7节. 通过摄像头将视频发送到FMS实例 8.8节. 访问用户的麦克风并创建声音显示 8.9节. 在Flex程序中平滑播放视频 8.10节. 检测...
在实际开发过程中,除了核心功能,还需要考虑错误处理、状态管理(如播放/暂停状态、音量控制等)、网络请求(如获取音乐信息、播放进度同步等)以及用户体验优化(如加载动画、加载失败提示等)。此外,良好的代码...