struts2 + jquery.uploadify文件上传显示进度条

最新推荐文章于 2019-11-13 18:22:46 发布

原创最新推荐文章于 2019-11-13 18:22:46 发布 · 135 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #JavaScript #Java #CSS #IE #ViewUI

J2EE 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用Struts2框架实现文件上传的例子，包括Action类的定义、配置文件设置及前端页面交互代码。通过该实例，读者可以了解如何利用Struts2进行文件上传操作。

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

package com.app.xizhenyin.webapp.action;

import java.io.BufferedInputStream;
import java.io.BufferedOutputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.io.InputStream;
import java.io.OutputStream;
import java.util.Date;

import org.apache.struts2.ServletActionContext;

import com.opensymphony.xwork2.ActionSupport;

public class UploadAction extends ActionSupport {

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

	private static final int BUFFER_SIZE = 20 * 1024; // 20K

	private File myFile;

	private String fileName; //
	private String contentType;

	public File getMyFile() {
		return myFile;
	}

	public void setMyFile(File myFile) {
		this.myFile = myFile;
	}

	public String getFileName() {
		return fileName;
	}



	public void setMyFileFileName(String fileName) {
		this.fileName = fileName;
	}

	public String getContentType() {
		return contentType;
	}

	public void setMyFileContentType(String contentType) {
		this.contentType = contentType;
	}

	
	public String execute()
	{
	    LOG.debug("fileName"+fileName);
		String newFileName = fileName;//new Date().getTime() + getExtention(fileName);

		File imageFile = new File(ServletActionContext.getServletContext()
				.getRealPath("/upload")
				+ "/" + newFileName);

		upload(myFile, imageFile);

		return SUCCESS;
	}
	
	
	
	private static void upload(File src, File dst) {
		try {
			InputStream in = null;
			OutputStream out = null;
			try {
				in = new BufferedInputStream(new FileInputStream(src),
						BUFFER_SIZE);
				out = new BufferedOutputStream(new FileOutputStream(dst),
						BUFFER_SIZE);
				byte[] buffer = new byte[BUFFER_SIZE];
				while (in.read(buffer) > 0)
				{
					out.write(buffer);
				}
			} 
			finally
			{
				if (null != in)
				{
					in.close();
				}
				if (null != out)
				{
					out.close();
				}
			}
		}
		catch (Exception e) 
		{
			e.printStackTrace();
		}
	}

	


	
	

}

以上为struts2 action。

下面为struts2配置文件。。

<action name="upload"  class="com.app.xizhenyin.webapp.action.UploadAction">  
            <result name="success" >/WEB-INF/pages/upload.jsp</result>  
        </action> 
        <!-- Add additional actions here -->
    </package>

页面：

<%@ page language="java"  pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <link href="jquery.uploadify/default.css"  rel="stylesheet" type="text/css"/>
	<link href="jquery.uploadify/uploadify.css"  rel="stylesheet" type="text/css"/>
	
	<script type="text/javascript" src="jquery.uploadify/jquery-1.3.2.min.js" ></script>
	<script type="text/javascript" src="jquery.uploadify/swfobject.js" ></script>
	<script type="text/javascript" src="jquery.uploadify/jquery.uploadify.v2.0.3.min.js" ></script>
	<script type="text/javascript"><!--
	
		$(document).ready(function(){
			$("#uploadTest").uploadify({
				'uploader'       : 'jquery.uploadify/uploadify.swf',
				'script'         : 'upload.action',
				'cancelImg'      : 'jquery.uploadify/cancel.png',
				'fileDataName'   : 'myFile',
				'queueID'        : 'fileQueue',
				'auto'           : false,
				'multi'          : true,
				'button Text'    : " 浏 览 ",
				'simUploadLimit' : 20,
				'sizeLimit'      : 999999999999,
				'queueSizeLimit' : 20,
				'fileDesc'       : '支持格式：jpg,gif,png,bmp',
				'fileExt'         : '*.jpg;*.gif,*.jpeg,*.png,*.bmp'
			});
		});
// --></script>
   
  </head>
  
  <body>
  
  <div id="fileQueue"></div>
  			<input type="file"  name="myFile" id="uploadTest" >
  			<a href="javascript:$('#uploadTest').uploadifyUpload()" >上传</a>
			
  </body>
</html>

页面显示：