`
dyccsxg
  • 浏览: 207388 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类

SWFUpload+commons-fileupload 上传文件

    博客分类：
  • Java
ServletFlashJavaScriptApacheTomcat 
阅读更多

说明：使用SWFUpload 上传文件，可在客户端校验文件大小，动态显示上传进度等。

SWFUpload 官网：http://www.swfupload.org/project 

SWFUpload Demo: http://demo.swfupload.org/v220/ 

// client 端

<%@page language="java" contentType="text/html;charset=utf-8"%>
<%
    String contextPath = request.getContextPath();
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>Simple Upload Demo</title>
<link type="text/css" rel="stylesheet" href="simple.css"/>
<script type="text/javascript" src="<%=contextPath%>/js/swfupload.js"></script>
<script type="text/javascript" src="handlers.js"></script>
<script type="text/javascript">
var swfu;
window.onload = function () {
    swfu = new SWFUpload({
        // Flash Settings
        flash_url : "<%=contextPath%>/flash/swfupload.swf",
    
        // Backend settings
        preserve_relative_urls: true,                 // 保留相对路径不做转换
        upload_url: "<%=contextPath%>/uploadServlet", // servlet path
                 
        // Flash file settings
        file_types : "*.jpg;*.png",
        file_types_description : "Image File",
        file_size_limit : "10 MB",
        file_queue_limit : "1",
    
        // Event handler settings
        file_dialog_start_handler: fileDialogStart, // fired after selectFile is called.
        file_queued_handler : fileQueued,           // fired after file selection dialog close.
        file_queue_error_handler : fileQueueError,  // fired when file was not queued.
        file_dialog_complete_handler : fileDialogComplete,// fired when all files queued.
                 
        upload_progress_handler : uploadProgress,  // upload status
        upload_error_handler : uploadError,        // fired when upload error thrown
        upload_success_handler : uploadSuccess,    // fired when server return a 200 status
        upload_complete_handler : uploadComplete,  // fired at the end of an upload cycle
    
        // Button Settings
        button_image_url : "<%=contextPath%>/image/btnUpload.png",
        button_placeholder_id : "btnPlaceHolder",
        button_width: 61,
        button_height: 22,
        button_action: SWFUpload.BUTTON_ACTION.SELECT_FILE, // 单选

        // debug infor
        debug:false
    });
};
    </script>
</head>
<body>

<div id="uploadContent">
    <input id="txtFileName" type="text" disabled="disabled" value="" style="width:151px;"/>
    <span id="btnPlaceHolder"></span>
    <div id="uploadProgress">
        <div id="colorStatus"></div>
        <div id="percentTxt"></div>
    </div>
</div>

<input id="btnStartUpload" type="button" value="开始上传" onclick="startUpload()" disabled="disabled" style="position:relative;left:200px;"/>

</body>
</html>

 

 // server 端

 

package org.demo.tomcat;

import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
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.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.FileCleanerCleanup;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.apache.commons.io.FileCleaningTracker;

/**
 * 
 * @author  
 * @date    2010-12-16
 * @file    org.demo.tomcat.UploadServlet.java
 */
public class UploadServlet extends HttpServlet {

	/**
	 * 
	 */
	private static final long serialVersionUID = 1L;

	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		this.doPost(req, resp);
	}
	
	@SuppressWarnings("unchecked")
	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		
		req.setCharacterEncoding("utf-8");
		resp.setCharacterEncoding("utf-8");
		
		boolean isMultipart = ServletFileUpload.isMultipartContent(req);
		if (!isMultipart){
			System.out.println(">> This wasn't a file upload request!");
			return;
		}
		
		PrintWriter out = resp.getWriter();
		
		// create factory and file cleanup tracker
		FileCleaningTracker tracker = FileCleanerCleanup.getFileCleaningTracker(getServletContext());
		File tmpDir = new File(getBaseDir() + "/upload/temp");
		DiskFileItemFactory factory = new DiskFileItemFactory(
				DiskFileItemFactory.DEFAULT_SIZE_THRESHOLD,
				tmpDir);
		factory.setFileCleaningTracker(tracker);
		
		// save upload file to disk
		ServletFileUpload upload = new ServletFileUpload(factory);
		try {
			List<FileItem> items = upload.parseRequest(req);
			String fileName = null;
			File savefile = null;
			for (FileItem item : items){
				if (!item.isFormField()){
					// 确定是文件而不是一个普通的表单字段
					fileName = item.getName();
					savefile = new File(getBaseDir() + "/upload/" + fileName);
					item.write(savefile);
					System.out.println(">> [save] " + savefile.getAbsolutePath());

					// to client info
					out.print("fileId=" + savefile.getAbsolutePath());
					out.flush();
				}
			}
		} catch (Exception e) {
			System.out.println(">> " + e.getMessage());
			throw new IOException(e.getMessage());
		}
	}
	
	/**
	 * Return the WEB-INF directory.
	 * @return
	 */
	private String getBaseDir(){
		return this.getServletContext().getRealPath("/WEB-INF");
	}
}

  

分享到：
| JDBC 操作数据库时的各种奇怪问题
评论
8 楼 sunysh005 2016-04-22  
界面太丑了，功能没有问题
7 楼 liwh1989 2016-02-26  
liwh1989 写道
       

6 楼 liwh1989 2016-02-26  
5 楼 liwh1989 2016-02-26  
       
4 楼 dpz916 2014-10-20  
在地址栏里敲什么能看到运行结果？
3 楼 jjb_bobby 2013-12-27  
maylorChao 写道
楼主你确定可以用?

当然这是个源程序，你需要导入到elipse/MyEclipse工作空间，然后再部署到Tomcat下即可。顺便说一下我的环境是Tomcat6.0.36，jdk1.6.0_45。
2 楼 maylorChao 2013-12-19  
楼主你确定可以用?
1 楼 jjb_bobby 2013-12-19  
例子不错，而且程序包可直接运行。
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics