jQuery Uploadify与Apache Fileupload异步上传文件教程

103 浏览量更新于2024-08-31 收藏 71KB PDF 举报

"该资源提供了一个使用jQuery Uploadify和Apache Fileupload实现异步文件上传的示例，适用于需要在Web应用中实现高效、可控的文件上传功能的情况。" 在Web开发中，异步文件上传是一种常见需求，它可以提高用户体验，避免用户等待整个文件上传过程完成。jQuery Uploadify是一款基于jQuery的插件，它提供了友好的前端界面和异步上传功能，支持自定义样式和多种配置选项。Apache Fileupload是Apache Commons项目的一部分，它提供了一套用于处理HTTP请求中的多部分/表单数据的Java API，特别适合处理文件上传。这个示例中，jQuery Uploadify负责前端的文件选择和上传进度显示，用户可以选择多个文件进行上传。Uploadify插件允许设置上传文件的大小限制和类型过滤，确保了上传的文件符合服务器端的策略要求。同时，通过与后端的配合，Uploadify可以实现异步上传，即在不刷新页面的情况下将文件发送到服务器。后端部分，使用了Apache Fileupload的ServletFileUpload类来解析请求中的多部分数据。在提供的`FileUploadServlet`示例中，首先创建了`DiskFileItemFactory`和`ServletFileUpload`实例，用于处理文件上传的临时存储和解析工作。接着，Servlet会检查请求是否包含文件，并遍历上传的每个文件项（`FileItem`）。每个文件项被保存到指定的目录，文件名可以通过UUID生成以防止重名。此外，示例中还包含了日期格式化，以便在保存文件时添加时间戳，便于管理和查找。为了使这个示例工作，你需要在Web应用的配置文件（如`web.xml`）中注册`FileUploadServlet`，并设置上传文件的存储路径。同时，确保你的项目依赖中包含了Apache Commons Fileupload库。总结起来，这个示例展示了如何结合使用jQuery Uploadify的前端功能和Apache Fileupload的后端处理能力，实现在Web应用中安全、高效的异步文件上传。开发者可以根据自己的需求调整和扩展此示例，例如添加错误处理、优化文件命名策略或实现更复杂的权限控制。

jquery uploadify和和apache Fileupload实现异步上传文件示例实现异步上传文件示例

主要介绍了jquery uploadify和apache Fileupload实现异步上传文件示例,需要的朋友可以参考下

jQuery Uploadify + Apache Fileupload异步上传文件示例

1、可以限制上传文件大小和类型，理论上任何类型的文件都可以上传（自己根据api配置即可）；

2、后台使用Apache commons-fileupload-1.3.1.jar作为上传工具包，本示例支持一次性多文件上传；

3、文件上传目录可以任意指定，请在web.xml中配置；

Uploadify api 详见http://www.uploadify.com/documentation/

FileUploadServlet

复制代码代码如下:

package com.xiaoxing.upload;

import java.io.File;

import java.io.IOException;

import java.io.PrintWriter;

import java.io.UnsupportedEncodingException;

import java.text.SimpleDateFormat;

import java.util.Date;

import java.util.Iterator;

import java.util.List;

import java.util.UUID;

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.disk.DiskFileItemFactory;

import org.apache.commons.fileupload.servlet.ServletFileUpload;

/**

* <h1>Apache Fileupload文件上传（2014-5-3）</h1>

* <p>1、如果你对本示例感兴趣并想了解更多，欢迎加入Java私塾在线学习社区（329232140）</p>

* <p>2、针对这个例子小修小改便可移植到你的实际项目中。</p>

public class FileUploadServlet extends HttpServlet {

private static final long serialVersionUID = 7579265950932321867L;

// 设置文件默认上传目录（如果你没有在web.xml中配置的话）

private String uploadDir = "c:/"; // 文件上传目录

private String tempUploadDir = "c:/"; // 文件临时存放目录（会话销毁后由监听器自动删除）

* (non-Javadoc)

* @see javax.servlet.GenericServlet#init()

* 如果在web.xml中配置了文件上传目录则优先使用，判断文件目录是否存在，不存在就创建。

@Override

public void init() throws ServletException {

// 获取本项目所在真实硬盘目录

String path = getClass().getProtectionDomain().getCodeSource().getLocation().getPath();

path = path.substring(0, path.indexOf("WEB-INF"));

// 判断目标是否存在，不存在就建立

String uploadDir = path.concat(this.getInitParameter("uploadDir"));

String tempUploadDir = path.concat(this.getInitParameter("tempUploadDir"));

File f_uploadDir = new File(uploadDir);

File f_tempUploadDir = new File(tempUploadDir);

if (!f_uploadDir.exists()) {

f_uploadDir.mkdirs();

}

if (!f_tempUploadDir.exists()) {

f_tempUploadDir.mkdirs();

下载后可阅读完整内容，剩余3页未读，立即下载

weixin_38621104

粉丝: 1
资源: 957

jQuery Uploadify与Apache Fileupload异步上传文件教程

jQuery Uploadify + Apache Fileupload异步上传文件示例

JQuery的Uploadify实现多文件上传例子

jquery uploadify h5上传

jquery.uploadify.js

uploadify多文件上传、

uploadify文件上传ssm

uploadify.js

uploadify案例

uploadify2.1.0+springmvc

java uploadify使用教程

最新资源