使用Uploadify插件在struts2中实现多文件上传示例

dtable

于 2016-03-18 09:43:35 发布

阅读量1.8k

点赞数

分类专栏： java struts2 jQuery 文章标签： struts jquery 文件上传

本文链接：https://blog.csdn.net/tableDDD/article/details/50920660

版权

jQuery 同时被 3 个专栏收录

4 篇文章 0 订阅

订阅专栏

java

2 篇文章 0 订阅

订阅专栏

struts2

2 篇文章 0 订阅

订阅专栏

使用到的版本为：struts2.1 + uploadify3.2 + swfobject2.2

package com.ssh.web.controller;

import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;

import org.apache.struts2.ServletActionContext;

/**
 * 文件上传Action
 * @author dzm
 */
public class UploadFileAction extends BaseAction {

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

	// 封装上传文件域
	private File[] fileName;
	// 封装上传文件类型
	private String[] fileNameContentType;
	// 封装上传文件名
	private String[] fileNameFileName;
	// 文件保存路径
	private String savePath;

	@SuppressWarnings("deprecation")
	public String uploadFile() throws Exception {
		File dir=new File(getSavePath());  
        if(!dir.exists()){  
            dir.mkdirs();  
        }
		String path = ServletActionContext.getRequest().getRealPath(savePath);
		for (int i = 0; i < fileName.length; i++) {
			FileOutputStream fos = new FileOutputStream(path + "\\" + this.fileNameFileName[i]);
			FileInputStream fin = new FileInputStream(fileName[i]);
			byte[] buff = new byte[1024];
			int len = 0;
			while ((len = fin.read(buff)) > 0) {
				fos.write(buff, 0, len);
			}
		}
		this.getResponse().getWriter().write("ok!!");
		return null;
	}

	public File[] getFileName() {
		return fileName;
	}

	public void setFileName(File[] fileName) {
		this.fileName = fileName;
	}

	public String[] getFileNameContentType() {
		return fileNameContentType;
	}

	public void setFileNameContentType(String[] fileNameContentType) {
		this.fileNameContentType = fileNameContentType;
	}

	public String[] getFileNameFileName() {
		return fileNameFileName;
	}

	public void setFileNameFileName(String[] fileNameFileName) {
		this.fileNameFileName = fileNameFileName;
	}

	public void setSavePath(String savePath) {
		this.savePath = savePath;
	}

	public String getSavePath() {
		return savePath;
	}

}

package com.ssh.web.controller;

import java.io.FileInputStream;
import java.io.InputStream;
import java.io.OutputStream;

import javax.servlet.http.HttpServletResponse;

import org.apache.struts2.ServletActionContext;

/**
 * 文件下载Action
 * @author dzm
 */
public class DownloadFileAction extends BaseAction {

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

	private String fileName;// 文件名
	private String loadPath;// 文件路径

	public String downFile() throws Exception {
		String path = ServletActionContext.getRequest().getRealPath(loadPath);
		InputStream fin = new FileInputStream(path + "\\" + fileName);
		HttpServletResponse response = this.getResponse();
		response.reset();
		response.setContentType("application/x-msdownload;charset=utf-8");
		response.addHeader("Content-Disposition", "attachment;filename=\"" + fileName + "\"");
		OutputStream out = response.getOutputStream();
		int len = 0;
		byte[] buff = new byte[1024];
		while ((len = fin.read(buff)) > 0) {
			out.write(buff, 0, len);
		}
		out.flush();
		fin.close();
		
		return null;
	}

	public String getFileName() {
		return fileName;
	}

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

	public String getLoadPath() {
		return loadPath;
	}

	public void setLoadPath(String loadPath) {
		this.loadPath = loadPath;
	}

}

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>使用uploadify上传文件</title>
    
	<link href="${pageContext.request.contextPath }/js/uploadify/uploadify.css" type="text/css" rel="stylesheet" />
	<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath }/js/uploadify/swfobject.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath }/js/uploadify/jquery.uploadify.min.js"></script>

	<style type="text/css"> 
		#file_queue { 
		    background-color: #FFF; 
		    border-radius: 3px; 
		    box-shadow: 0 1px 3px rgba(0,0,0,0.25); 
		    height: 103px; 
		    margin-bottom: 10px; 
		    overflow: auto; 
		    padding: 5px 10px; 
		    width: 300px; 
		} 
	</style>
	
	<script type="text/javascript">
		$(function(){
		
			$("#upload_file").uploadify({
			
				"swf":"${pageContext.request.contextPath }/js/uploadify/uploadify.swf",
				"uploader" : "${pageContext.request.contextPath }/upload/uploadify.action",

				"queueID" : "file_queue", //设置一个拥有唯一ID的DOM元素来作为显示上传队列的容器
				"fileObjName" : "fileName", //定义上传数据处理文件中接收数据使用的文件对象名
		        "auto"  : false, //是否自动开始  
		        "multi": true, //是否支持多文件上传  
		        "buttonText": "选择文件", //按钮上的文字  
		        "simUploadLimit" : 1, //一次同步上传的文件数目  
		
				"fileSizeLimit" : "100KB",//限制的大小要转换成KB否则容易报错，这里是总共的大小，不是单个文件的
		        "queueSizeLimit" : 2, //队列中同时存在的文件个数限制  
		        "fileTypeDesc": "Image Files", //如果配置了以下的'fileTypeExts'属性，那么这个属性是必须的  
		        "fileTypeExts": "*.jpg;*.png",//允许的格式
		        
		        "onUploadSuccess": function (file, data, response) {  
		            alert("文件:" + file.name + "上传成功....服务器信息"+data);
		            $("#download_file").append("<a href='${pageContext.request.contextPath }/upload/download.action?fileName="+file.name+"'>"+file.name+"</a><br/>");
		        },
		        "onUploadError": function(file, errorCode, errorMsg, errorString) {  
		            alert("文件:" + file.name + "上传失败...."+errorCode+"...."+errorMsg+"...."+errorString);
		        },
		        "onCancel": function(file){
		           alert("The file " + file.name + " was cancelled."); 
		        },
				"onClearQueue" : function(queueItemCount) {
				    alert("队列中" + queueItemCount + " 个文件被清空。");
				}
			});
			
		
		});
	
	</script>

  </head>
  
  <body>
	<div id="file_queue"></div>
	<input type="file" name="fileName" id="upload_file" />

  <p>

   <a href="javascript:$('#upload_file').uploadify('upload','*');" id="btn1">开始上传</a> 

   <a href="javascript:$('#upload_file').uploadify('cancel','*');;" id="btn2">清空队列</a>

  </p>
  <div id="download_file">
  </div>

  </body>
</html>

struts.xml的配置信息

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN"
 "http://struts.apache.org/dtds/struts-2.1.dtd">
<struts>

	<constant name="struts.i18n.encoding" value="UTF-8" />
	<constant name="struts.devMode" value="true" />
	<constant name="struts.configuration.xml.reload" value="true" />
	
	<package name="upload" namespace="/upload" extends="struts-default">
		<interceptors>
			<!-- 对上传文件进行过滤 -->
			<interceptor-stack name="uploadPermitStack">
				<interceptor-ref name="defaultStack" />
				<interceptor-ref name="fileUpload">
		           	<param name="allowedTypes">image/jpeg,image/png</param>
					<param name="maximumSize">102400</param>
	        	</interceptor-ref>
			</interceptor-stack>
		</interceptors>
		<action name="uploadify" class="com.ssh.web.controller.UploadFileAction" method="uploadFile">
			<interceptor-ref name="uploadPermitStack" />
			<param name="savePath">/upload/test</param>
			<result name="input">/error.jsp</result>
		</action>
		<action name="download" class="com.ssh.web.controller.DownloadFileAction" method="downFile">
			<param name="loadPath">/upload/test</param>
		</action>
	</package>
	
</struts>

dtable

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
使用Uploadify插件在struts2中实现多文件上传示例

使用到的版本为：struts2.1 + uploadify3.2 + swfobject2.2package com.ssh.web.controller;import java.io.File;import java.io.FileInputStream;import java.io.FileOutputStream;import org.apache.struts2.S
复制链接

扫一扫