文档章节

java struts2 多文件上传 加进度条

smallyer
 smallyer
发布于 2014/06/19 15:41
字数 277
阅读 199
收藏 0

接上一篇

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、成功运行,截图

© 著作权归作者所有

共有 人打赏支持
smallyer
粉丝 0
博文 2
码字总数 1365
作品 0
郑州
程序员
私信 提问
Struts2上传文件学习笔记

问题一:中文乱码 在使用Struts2实现文件上传时,若上传文件名为中文,则会在项目的发布目录中看上传文件名显示为乱码。解决办法很简单: 在struts.xml配置文件中配置: <constant name="st...

键盘小生
2012/06/10
0
1
JAVA WEB项目文件上传下载求思路,求指教

1.使用的框架是springmvc + mybatics 2.问题点在于使用java上传文件时如何把进度传给前端制作出一个进度条。 3.目前本人使用七牛云java sdk连接了七牛云,并且能够成功上传文件。但是不知如何...

蛋炒饭加冰块
2017/12/15
179
5
JAVA WEB项目文件上传下载功能模块求思路

1.使用的框架是springmvc + mybatics 2.问题点在于使用java上传文件时如何把进度传给前端制作出一个进度条。 3.目前本人使用七牛云java sdk连接了七牛云,并且能够成功上传文件。但是不知如何...

蛋炒饭加冰块
2017/12/15
460
0
为Struts2 应用程序创建进度条(等待页面)

对于一些需要较长时间才能完成的任务,在Web开发中,会由HTTP协议会因为超时而断开而面临许多风险,这是在桌面开发不曾遇到的。Struts 2提供的execAndWait拦截器就是为了处理和应付这种情况而...

Java编程思想
2014/01/04
0
0
struts2 上传文件添加进度条

为了给用户更好体验,最进在struts2添加了上传进度条让用户知道上传过程时间,增加有好度。 由于以前做个 文件上传 没有用过 组件进行解析,直接用servlet 解析的,而现在 struts2 框架使用 ...

hlevel
2013/08/14
0
6

没有更多内容

加载失败,请刷新页面

加载更多

python机器学习及实践学习笔记1-如何打开ipynb后缀文件

python机器学习及实践学习笔记1-如何打开ipynb后缀文件 2017年02月22日 14:58:08 hustzhoutian 阅读数:45365更多 个人分类: 深度学习 需要安装ipython notebook,如果你已经安装Anaconda软...

linjin200
刚刚
0
0
关于在vim中的查找和替换

1,查找 在normal模式下按下/即可进入查找模式,输入要查找的字符串并按下回车。 Vim会跳转到第一个匹配。按下n查找下一个,按下N查找上一个。 Vim查找支持正则表达式,例如/vim$匹配行尾的"...

休辞醉倒
5分钟前
0
0
in_array的坑

PHP in_array的坑 ps: 应该是弱类型语言的坑 php文档 顾名思义,in_array就是查找一个值是否在数组里面。 问题 事故现场 一个sql注入的测试代码如下: $type = $_GET['type'];$types = [2,3,...

o0无忧亦无怖
5分钟前
11
1
Yarn(包管理器) 的基本用法

Yarn是一个快速、可靠、安全的依赖管理工具,是npm的代替品。 Yarn对你的代码来说是一个包管理工具,你可以通过它使用全世界开发者的代码,或者分享自己的代码。 安装Yarn: 操作系统不同,安...

帝子兮
6分钟前
0
0
阿里云HBase全新发布X-Pack NoSQL数据库再上新台阶

一、八年双十一,造就国内最大最专业HBase技术团队 阿里巴巴集团早在2010开始研究并把HBase投入生产环境使用,从最初的淘宝历史交易记录,到蚂蚁安全风控数据存储。持续8年的投入,历经8年双...

阿里云官方博客
7分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部