java struts2 多文件上传 加进度条

最新推荐文章于 2024-08-07 09:14:10 发布
最新推荐文章于 2024-08-07 09:14:10 发布
阅读量657 收藏
点赞数
文章标签： struts2 java ajax jsp callback
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013113478/article/details/34054949
版权

摘要   实现批量上传，同时又进度显示和上传速度

1、struts.xml文件配置

<!DOCTYPE struts PUBLIC
    "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
    "http://struts.apache.org/dtds/struts-2.3.dtd">    
<struts>
	<constant name="struts.multipart.maxSize" value="61440000000"></constant>
	<constant name="struts.i18n.reload" value="true" />
	<constant name="struts.action.extension" value="html" /> 
	<package name="imgfile" extends="struts-default" namespace="/imgfile">
	    <global-results>
			<result name="notFound">/error/404.jsp</result>
		</global-results>
		<action name="uploadfilesUpload" class="cn.test.ProgressAction" method="filesUpload"></action>
		<action name="uploadgetUploadStatus" class="cn.test.ProgressAction" method="getUploadStatus"></action>
	</package>	 
</struts>

2、 bean类，存储上传文件的序号，已上传大小等信息 

package cn.test.bean;

import java.io.Serializable;

@SuppressWarnings("serial")
public class FileUploadStatus implements Serializable {

	private int fileIndex;//当前文件序号
	private float uploadFileSize;//当前已上传大小
	private int percent;//上传进度
	private float fileSize;//文件总大小
	
	public int getFileIndex() {
		return fileIndex;
	}
	public void setFileIndex(int fileIndex) {
		this.fileIndex = fileIndex;
	}
	public float getUploadFileSize() {
		return uploadFileSize;
	}
	public void setUploadFileSize(float uploadFileSize) {
		this.uploadFileSize = uploadFileSize;
	}
	public int getPercent() {
		return percent;
	}
	public void setPercent(int percent) {
		this.percent = percent;
	}
	public float getFileSize() {
		return fileSize;
	}
	public void setFileSize(float fileSize) {
		this.fileSize = fileSize;
	}
}
3、主要代码，action文件 

package cn.test;

import java.io.BufferedInputStream;
import java.io.BufferedOutputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.io.PrintWriter;
import java.util.Calendar;
import java.util.List;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import org.apache.struts2.ServletActionContext;


import cn.test.bean.FileUploadStatus;

import com.opensymphony.xwork2.ActionSupport;

@SuppressWarnings("serial")
public class ProgressAction extends ActionSupport {

	private static final int IO_SIZE=10;//上传字符流的大小（单位：字节）
	private List<File> file;
	private List<String> fileFileName;
	private List<String> fileContentType;
	private float uploadFileSize=0;//已上传大小
	private float fileSize=0;//文件总大小
	private int percent=0;//进度百分比
	
	
	/**
	 * 文件上传
	 * @param src
	 * 			根文件
	 * @param dst
	 * 			目标文件
	 */
	public void uploadFile(File src, File dst, int i){
		System.out.println("进入");
		uploadFileSize=0;
		InputStream in=null;
		OutputStream out=null;
		FileUploadStatus status=new FileUploadStatus();
		HttpServletRequest request=ServletActionContext.getRequest();
		HttpSession session=request.getSession();
		try {
			in=new BufferedInputStream(new FileInputStream(src), IO_SIZE);
			out=new BufferedOutputStream(new FileOutputStream(dst), IO_SIZE);
			fileSize=in.available();
			if((fileSize/1024/1024)>2){
				return;
			}
			byte[] buffer=new byte[IO_SIZE];
			int len=0;
			while((len=in.read(buffer))>0){
				out.write(buffer, 0, len);
				uploadFileSize+=len;
				percent=(int) (uploadFileSize/fileSize*100);//上传百分比
				status.setFileIndex(i);
				status.setFileSize(fileSize);
				status.setUploadFileSize(uploadFileSize);
				status.setPercent(percent);
				System.out.println("fileIndex:"+status.getFileIndex()+"fileSize:"+fileSize+"percent:"+percent+"uploadFileSize:"+uploadFileSize);
				session.setAttribute("status", status);
			}
		}  catch (IOException e) {
			e.printStackTrace();
		}  finally  {
			if(null!=in){
				try {
					in.close();
				} catch (IOException e) {
					e.printStackTrace();
				}
			}
			if(null!=out){
				try {
					out.close();
				} catch (IOException e) {
					e.printStackTrace();
				}
			}
		}
	}
	
	/**
	 * 上传文件
	 * @return
	 */
	public String filesUpload(){
		System.out.println("进入");
		try{
			String dstPath=ServletActionContext.getServletContext().getRealPath("/fileupload");
			Calendar cal=Calendar.getInstance();
			int year=cal.get(Calendar.YEAR);
			int month=cal.get(Calendar.MONTH)+1;
			int day=cal.get(Calendar.DAY_OF_MONTH);
			for(int i=0;i<fileFileName.size();i++){
				File src=file.get(i);
				File dst=new File(dstPath+"/"+year+"/"+month+"/"+day);
				if(!dst.exists()){
					dst.mkdirs();
				}
				dst=new File(dst,"\\"+fileFileName.get(i));
				uploadFile(src, dst, i);
			}
			return null;
		}catch (Exception e) {
			e.printStackTrace();
			return "error";
		}
	}
	
	/**
	 * ajax获取文件上传进度状态
	 * @return
	 */
	public String getUploadStatus(){
		System.out.println("ddddd");
		HttpServletRequest request=ServletActionContext.getRequest();
		HttpSession session=request.getSession();
		FileUploadStatus status=(FileUploadStatus) session.getAttribute("status");
		if(status!=null){
			try{
				HttpServletResponse response=ServletActionContext.getResponse();
				PrintWriter out=response.getWriter();
				out.print("{\"fileIndex\":"+status.getFileIndex()
						+",\"percent\":"+status.getPercent()
						+",\"uploadFileSize\":"+status.getUploadFileSize()
						+",\"fileSize\":"+status.getFileSize()+"}");
				System.out.println("{\"fileIndex\":"+status.getFileIndex()
						+",\"percent\":"+status.getPercent()
						+",\"uploadFileSize\":"+status.getUploadFileSize()
						+",\"fileSize\":"+status.getFileSize()+"}");
				out.close();
				session.removeAttribute("status");
				return null;
			}catch (Exception e) {
				e.printStackTrace();
				return "error";
			}
		}else{
			return null;
		}
		
	}

	public List<File> getFile() {
		return file;
	}

	public void setFile(List<File> file) {
		this.file = file;
	}

	public List<String> getFileFileName() {
		return fileFileName;
	}

	public void setFileFileName(List<String> fileFileName) {
		this.fileFileName = fileFileName;
	}

	public List<String> getFileContentType() {
		return fileContentType;
	}

	public void setFileContentType(List<String> fileContentType) {
		this.fileContentType = fileContentType;
	}
}
4、前台页面 

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	request.setAttribute("bp",basePath);
%>
<%@taglib uri="/struts-tags" prefix="s" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title>My JSP 'test1.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

  </head>
  <script type="text/javascript" src="./jquery-1.7.1.js"></script> 
    <body>
        <div id="imgDivs">
        	
        </div>
        <div id="progressBarTips" style="height: 10px; width: 200px; text-align: center; font-size: 12px;"></div>
        <br />
        <span id="speed" style="font-size: 12px;"></span>
        <br />
        <form action="${bp}imgfile/uploadfilesUpload.html" method="post" enctype="multipart/form-data" target="upload-target">
        	<input type="file" name="file" οnchange="perImg(this);" multiple="multiple" accept="image/*"/>
        	<button type="submit" value="上传" id="sub" οnclick="return showProgress();">上传</button>
        </form>
                     日志：<br/>
        <span id="tipsText" style="color: red; font-size: 12px;"></span>
        <iframe frameborder="0" style="height: 0px; width: 0px;" id="upload-target" name="upload-target"></iframe>
    </body>
</html>
5、javascript代码 

<script type="text/javascript">  
 	var imgSum=0;//图片总数
 	var finished=false;//是否长传完成
	var nextUploadFileSize=0;//上一次已上传文件大小
	var nowUploadFileSize=0;//当前上传文件大小
	var fileIndex=0;//图片序号
	function perImg(obj) {  
	    var filepath = ""; //文件路径    
	    var agent = window.navigator.userAgent;  
	    var isIE7 = agent.indexOf('MSIE 7.0') != -1;  
	    var isIE8 = agent.indexOf('MSIE 8.0') != -1;  
	    if (!obj.value.match(/.jpg|.gif|.png|.bmp|.jpeg/i)) {
	        alert('图片格式无效！');
	        return;
	    }
        var fileList=obj.files;
        alert(fileList.length);
        if(fileList.length>6){
            alert("一次最多只能上传6张图片！");
        }else{
        	imgSum=fileList.length;
        	for(var i=0;i<fileList.length;i++){
                alert(fileList[i].size);
                alert(obj.value);
                var file_names=obj.value.replace(/[ ]/g,"").split(",");
                var file_size=fileList[i].size;
                if(((file_size/1024)/1024)<=2){
                    var img_div=$("<div/>");
                	var img_obj=$("<img style='width: 80px; height: 85px; border: 0px;'/>");
                    $(img_obj).attr("src",window.URL.createObjectURL(fileList[i]));
                    $(img_div).append(img_obj);
                    var img_progress=$("<div id='img_progress_"+i+"' style='background-color: red; height: 10px; width: 0px;'></div>")
                    var img_upload_tip=$("<div id='img_upload_tip_"+i+"' style='height: 10px; width: 100px; text-align: center; font-size: 12px;'></div>");
                    $("#imgDivs").append(img_div);
                    $("#imgDivs").append(img_upload_tip);
                    $("#imgDivs").append(img_progress);
                }else{
                    alert("图片"+file_names[i]+"大于2M");
                }
            }
        }
	}
    </script>


6、监听js事件

//开启进度监听
	function showProgress(){
		$("#sub").attr("disabled","disabled");
		finished=false;
		callBack();
		}

	//日志方法
	function logText(msg){
		$("#tipsText").append(new Date().getTime()+":"+msg+"<br/>");
		}

	//回调函数，获取上传进度信息
	function callBack(){
		$.post("${bp}imgfile/uploadgetUploadStatus.html",{},function(data){
			if(data!=null){
				logText("1111111111111111111111111111111111111");
				if(data.percent==100 && fileIndex==(imgSum-1)){
					logText("2222222222222222222222222222222222222222222");
					//最后一张上传完毕，将finished设为true
					finished=true;
					}else{
						finished=false;
						}
				var width=data.percent+"%";
				nowUploadFileSize=data.uploadFileSize;
				var speed=((nowUploadFileSize-nextUploadFileSize)/1024/10)*1000;
				nextUploadFileSize=data.uploadFileSize;
				if(speed>1024){
					$("#speed").text("速度："+(speed/1024).toFixed(1)+"M/秒");
					}else{
						$("#speed").text("速度："+speed.toFixed(2)+"K/秒");
						}
				$("#img_upload_tip_"+data.fileIndex).text(width);
				$("#img_progress_"+data.fileIndex).css({width:(data.percent)+"px"});
				//非最后一张上传完毕，将下一张图片序号赋值给fileIndex
				if(fileIndex!=data.fileIndex && fileIndex!=(imgSum-1)){
					logText("333333333333333333333333333333333333333333上传成功！");
					$("#img_upload_tip_"+(data.fileIndex-1)).text("上传成功！");
					$("#img_progress_"+(data.fileIndex-1)).css({width:"100px"});
					}
				fileIndex=data.fileIndex;
				}
			    if(finished && fileIndex==(imgSum-1)){
			    	logText("555555555555555555555555555555555555555555555上传成功！");
			    	//最后一张上传完毕，方法终结
					$("#img_upload_tip_"+data.fileIndex).text("上传成功！");
					$("#img_progress_"+(data.fileIndex-1)).css({width:"100px"});
					return;
				}else{
					logText("66666666666666666666666666666666666666666666");
					//迭代隔10毫秒执行回调函数，获取上传进度信息
					setTimeout('callBack()',10);
					}
			},"json");
		}
7、运行截图







IT小灰灰
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
struts2+jquery多文件上传显示进度条，可直接运行（非常强大）
12-12
struts2+jquery多文件上传显示进度条，可直接运行（非常强大，效果很好），带jar包
struts2_uploadify带进度条的多文件上传下载
04-25
程序进过本人亲测，附件中含SQL，用的是MySQL数据库，实现了带进度条的多文件上传，并提供下载功能，解压后可直接导入Eclipse，希望对你有所帮助。
基于Struts2的文件上传
枫轻芸淡
12-06 96
Struts2本身并没提供上传的组件，我们可以通过调用上传框架来实现文件的上传。 一、配置上传解析器 首先要配置项目的框架，也就是倒导入"struts2-core-2.2.1.jar"库文件，找到org.apache.struts2包下的default.porperties资源文件。如下图；资源文件中给出了不同的strus2的默认配置，我们可看到struts2默认是jakarta作为其...
struts2上传文件显示进度条实例---有图有代码，一看就会
CSU_Zipple的博客
10-16 1838
2018-03-09 修改 js其实是单线程的程序，因此在调用计时器的时候会先把setInterval或者settimeout函数之外的代码全部执行完才开始进入计时器程序…..好吧，这些是经典的面试题…. 啰嗦两句：显示进度条其实没那么困难 有时候，不知道是环境问题还是人品问题，遇到的bug总是莫名其妙的。可是说到底还是某个知识点不太熟练。这次吐槽一下前端jquery的submit方...
java中Struts2文件上传问题详解
qq_38136705的博客
07-13 162
java中Struts2文件上传问题详解 文件上传和文件下载是我们在web应用程序中常用的两个功能，在java中，实现这两种功能的方式也有很多种，其中struts2就给我们提供了一种算是比较简单的方式吧，下面我们就一起来看一下，首先是网页部分，upload_file.jsp?12345678910111213&lt;%@ page language="java" import="java.util...
struts2实现文件上传显示进度条效果
08-30
在Struts2框架中，实现文件上传并展示进度条效果是一项常见的需求，尤其对于大型文件上传，用户界面的进度反馈能提供更好的用户体验。本文将详细讲解如何在Struts2中实现这一功能。 首先，我们需要理解Struts2处理...
java struts2实现文件上传进度条显示
04-21
在Java Struts2框架中实现文件上传进度条显示，主要涉及到的技术点包括Struts2的文件上传、Ajax异步通信以及前端进度条组件的使用。下面将详细讲解这些知识点。 首先，Struts2的文件上传功能是通过Struts2提供的`...
Struts2 文件上传进度条的实现实例代码
08-30
Struts2 文件上传进度条的实现是一个常见的需求，特别是在处理大文件上传时，为了提供良好的用户体验，进度条能够显示文件上传的状态，让用户了解文件传输的进度。以下将详细讲解如何在Struts2框架中实现这一功能。 ...
Struts2实现文件上传时显示进度条功能
08-30
Struts2是一个流行的Java web框架，它提供...通过以上步骤，你可以为你的Struts2应用程序添加文件上传进度条功能，提升用户体验。请注意，这里的代码片段仅供参考，实际应用中可能需要根据具体项目结构和需求进行调整。
struts2 批量下载(转载)
switch520的专栏
05-20 3647
<br />设计思路：前台jsp页面form 传参传文件路径，多文件的话，将这些文件路径用分隔符拼接，后台分割这些文件路径，然后将这些文件路径下的文件打包，然后在下载。总体来说三步走，上传文件（路径），文件打包，下载。<br />思路出来了，代码如下仅供参考：<br />要下载作
java struts2 文件上传 支持大文件
10-30
测试过了，好用的上传程序。java struts2 带进度显示的 效果不错 只支持单个文件
struts2 上传文件及打包下载zip
03-12
一个简单的struts2的上传下载demo，希望对大家有帮助
Struts2实现文件上传并显示实时进度
z69183787的专栏
09-14 4595
基于浏览器的文件上传，特别是对于通过标签来实现上传的情况， 存在着严重的性能问题，因为用户提交了文件之后，在浏览器把文件上传到服务器的过程中，界面看上去似乎是静止的，如果是小文件还好些，如果不幸需要上传的 是几兆、几十兆甚至上百兆的文件，我相信那是一种非常痛苦的体验，我们中间的很多人应该都有过此种不堪的经历。       我们为了改善用户界面，通常会在处理量大或者是网络速度较
JAVA struts2框架下zip打包文件下载
luofei6250的专栏
03-28 1992
用ant.jar中apache.tools中的ZipOutputStream来作为出入流（可能会有其他外层修饰），以byteArrayInputStream来作为输入流。 上代码： action代码： //代理下载 public String agentDownload(){ int dataSourceId = LoginInfo.getLoginUser().getDataSo
Struts2下实现批量下载/打包ZIP下载文件
programmer_bobo的博客
01-12 2682
Struts2下实现批量下载/打包ZIP下载文件 实现思路: 由于是基于Struts2实现的打包下载文件,我们先写一个TestAction类 public class TestAction extends BaseActionSupport { //定义一个InputStream流 private InputStream input
关于"the serializable class XXXXXXXX does not declare a static final seriaVersionUID field of type long"
huangfudy的专栏
09-29 3027
<br />对于“the serializable class XXXXXXXX  does not declare a static final seriaVersionUID field of type long”的警告<br />系统一直会提示三种快速解决方案：<br /> <br />1.add default serial version ID<br />2.add generated serial version ID<br />3.add "Suppress Warnings"  'servi
struts2+spring+hibernate小项目内存溢出解决过程
深海酷酷鱼的专栏
02-09 6787
测试目标：公司的struts2+spring+hibernate项目测试环境：JDK1.5.0、TOMCAT5.5、SqlServer2000测试原因：系统运行时发现内存不断增加，操作到达一定次数后PermGen space的outmemory错误。测试工具：Jprofilter5.2.1检测内存情况 疑点一：数据库连接池管理模块中有一个线程，运行期定期执行，检测池中连接状
伐木工 (100%用例)D卷 (Java&&Python&&C++&&Node.js&&C语言)
最新发布
荆赫同艺的博客
08-07 334
一根 4米长的树木，伐木工不需要切割为 2*2，省去切割成本，直接整根树木交易，为 4*1，收益最大为 4。方式二: 3,2,2,3，但方式二，伐木工多切割一次，增加了切割成本却卖了一样的价格，因此并不是最优收益。一根 2 米长的树木，伐木工不切割，为2*1，收益最大为 2。一根5 米长的树木，伐木工切割为 2*3,收益最大为 6。输出最优收益时的各个树木长度，以空格分隔，按升序排列。一根 10 米长的树木，伐木工可以切割。方式一:3,4,4，也可以切割为。
Java Struts2 文件上传进度条实现
"Java文件上传带进度条的实现方法主要依赖于Struts2框架中的ProgressListener接口，通过Ajax技术在客户端实时查询服务器端的上传进度，并通过JavaScript展示在用户界面上。这一过程涉及到的主要知识点包括文件上传、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值