JQuery、ajaxFileUpload、Struts2和注解异步上传文件

2019独角兽企业重金招聘Python工程师标准>>>

页面：![在此输入图片描述][1]



第一步：需要导入jquery-1.7.2.min.js、ajaxfileupload.js两个文件，在jsp页面引入的顺序必须是jquery-1.7.2.min.js在先，ajaxfileupload.js在后，因为ajaxfileupload.js依赖与jquery包，所以你懂得！



 jsp页面代码：
<!-- lang: html -->
<button id="uploadSubmit" type="submit" class="btn btn-sm btn-info col-md-1 col-md-offset-1" onclick="FileUpload('uploadSubmit');">
                    <span class="glyphicon glyphicon-upload"></span>Upload
                </button>

js代码：
<!-- lang: js -->
function FileUpload(buttonId) {
$.ajaxFileUpload({
	url : 'fileUpload!upload',// 用于文件上传的服务器端请求地址
	type : "post",
	dataType : "json",
	timeout : 1000,
	secureuri : false,// 一般设置为false
	fileElementId : uploadId,// 文件上传空间的id属性 <input type="file" id="uploadId" />
	error : function(XMLHttpRequest, textStatus, errorThrown) {
		
	},
	success : function(data) {
		
	}
	
});

}

第二步：action代码
<!-- lang: java -->
package cn.caculate.web.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 org.apache.struts2.ServletActionContext;
import org.apache.struts2.convention.annotation.Action;
import org.apache.struts2.convention.annotation.InterceptorRef;
import org.apache.struts2.convention.annotation.InterceptorRefs;
import org.apache.struts2.convention.annotation.Result;
import org.apache.struts2.convention.annotation.Results;
import org.springframework.beans.factory.annotation.Autowired;

import cn.caculate.service.upload.IFileUploadService;

import com.opensymphony.xwork2.ActionSupport;

@Action("fileUpload")
@InterceptorRefs(value = { @InterceptorRef("fileUploadStack") })
@Results({ @Result(name = "jsonType", type = "json") })
public class CopyOfFileUploadAction extends ActionSupport {

private static final long serialVersionUID = 1L;
private static final int BUFFER_SIZE = 16 * 1024;


/**
 * 需要上传的文件
 */
private File upload;

/**
 * 上传文件的类型
 */
private String uploadContentType;

/**
 * 文件名
 */
private String uploadFileName;

/**
 * 上传之后的文件名
 */
private String storageFileName;

/**
 * 文件上传的路径
 */
public String path = ServletActionContext.getServletContext().getRealPath(
		File.separator + "WEB-INF" + File.separator + "file");

/**
 * 新文件上传
 * 
 * @return
 */
public String upload() {
	try {
		// 将Struts2自动封装的文件名赋给要写入的文件
		storageFileName = uploadFileName;
		// 创建要写入的文件
		File storageFile = new File(path + "//" + storageFileName);
		copy(upload, storageFile);
		return "jsonType";
	} catch (Exception e) {
		e.printStackTrace();
	}
	return null;
}

/**
 * 上传文件的主要方法
 * 
 * @param src
 * @param dst
 * @return
 */
public boolean copy(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();
	}
	return true;
}

public File getUpload() {
	return upload;
}

public void setUpload(File upload) {
	this.upload = upload;
}

public String getUploadContentType() {
	return uploadContentType;
}

public void setUploadContentType(String uploadContentType) {
	this.uploadContentType = uploadContentType;
}

public String getUploadFileName() {
	return uploadFileName;
}

public void setUploadFileName(String uploadFileName) {
	this.uploadFileName = uploadFileName;
}

public String getStorageFileName() {
	return storageFileName;
}

public void setStorageFileName(String storageFileName) {
	this.storageFileName = storageFileName;
}


public String getPath() {
	return path;
}

public void setPath(String path) {
	this.path = path;
}

}

转载于:https://my.oschina.net/hugohxb/blog/178972