uploadify3.2基于javaSSh框架jsp页面的整合-优快云博客

本文详细介绍如何在OA系统中利用Uploadify插件实现文件上传功能。从下载安装到前端页面配置，再到后端Servlet代码编写，一步步指导完成文件上传流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近做毕业设计——oa系统，在邮箱这块用到了附件上传。在度娘找了好多jquery的控件，最终选择了uploadify。
首先去官网下载uploadify ——http://www.uploadify.com/（选择falsh版本，html5是付费服务）.
解压后可以看到

项目构建图

2 导入包编写jsp页面代码

<script type="text/javascript" src="uploadify/jquery.js" ></script>
<script type="text/javascript" src="uploadify/jquery.uploadify.min.js" ></script>
<link rel="stylesheet" type="text/css" href="uploadify/uploadify.css">

 <script type="text/javascript">
$(function() {
 $('#file_upload').uploadify({      //按钮ID
  'swf'      : 'uploadify/uploadify.swf',  //控件地址
  'uploader' : 'MultiUploadServlet'     //后台数据处理servlet地址
 });
});
</script>
</head>

<body>
 <h1>Uploadify Demo</h1>
 <form>
  <div id="queue"></div>
  <input id="file_upload" name="file_upload" type="file" />
 </form>
</body>

3.编写后台servlet代码

package com.uploadify;

import java.io.File;
import java.io.IOException;
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 MultiUploadServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException,
            IOException {
        String dir = "upload";// 按日期生成存放目录
        String savePath = this.getServletConfig().getServletContext().getRealPath(dir);
        File f1 = new File(savePath);
        if (!f1.exists()) {
            f1.mkdirs();
        }
        f1 = null;

        DiskFileItemFactory fac = new DiskFileItemFactory();
        ServletFileUpload upload = new ServletFileUpload(fac);
        upload.setHeaderEncoding("UTF-8");
        List fileList = null;
        try {
            fileList = upload.parseRequest(request);
        } catch (FileUploadException ex) {
            ex.printStackTrace();
            return;
        }
        if (fileList == null) {
            return;
        }
        Iterator<FileItem> it = fileList.iterator();
        String name = "";
        String extName = "";
        while (it.hasNext()) {
            FileItem item = it.next();
            if (!item.isFormField()) {
                name = item.getName();
                if (name == null || name.trim().equals("")) {
                    continue;
                }

                // 文件后缀名如：.mp3
                if (name.lastIndexOf(".") >= 0) {
                    extName = name.substring(name.lastIndexOf("."));
                }
                String fileName = name.replaceAll("\\s", "");
                fileName = fileName.substring(0, fileName.lastIndexOf(".") - 1);
                /* 日期+100以内的随机数 */
                File f = new File(savePath + "/" + fileName + extName);

                while (f.exists()) {// 如果文件存在，在文件名后加上随机数做区分
                    int rand = (int) Math.round(Math.random() * 100);
                    fileName += "_" + rand;
                    f = new File(savePath + "/" + fileName + extName);
                }
                f = null;

                File saveFile = new File(savePath + "/" + fileName + extName);
                try {
                    item.write(saveFile);
                } catch (Exception e) {
                    e.printStackTrace();
                }
                System.out.println(savePath + "/" + fileName + extName);
            }
        }
    }

}

4 运行效果

这样一个简单的上传就ok啦。