文档章节

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
为Struts2 应用程序创建进度条(等待页面)

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

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

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

hlevel
2013/08/14
0
6
7款基于JavaScript和AJAX的文件上传插件

本文整理了7款基于JavaScript和AJAX的文件上传插件,这些插件基本上都能实现以下功能: 多文件上传 拖拽操作 实时上传进度 自定义上传限制 希望能为你的开发工作带来帮助。 1. jQuery File U...

EDIAGD
2013/09/23
0
0
Struts2.3.4.1最简单例子

一、找到开发Struts2应用需要使用到的jar文件: asm-x.x.jar:官方说要加,但我不加也行 asm-commons-x.x.jar:官方说要加,但我不加也行 asm-tree-x.x.jar:官方说要加,但我不加也行 Stru...

VincentJiang
2013/03/30
0
2

没有更多内容

加载失败,请刷新页面

加载更多

好用的vue组件

http://elickzhao.github.io/2017/08/vue%E4%B8%80%E4%BA%9B%E7%89%B9%E5%88%AB%E6%9C%89%E7%94%A8%E7%9A%84%E6%8F%92%E4%BB%B6/...

Littlebox
14分钟前
1
0
linux 源码安装mysql8

1.安装依赖 yum -y install wget cmake gcc gcc-c++ ncurses ncurses-devel libaio-devel openssl openssl-devel   2.下载源码包 wget https://cdn.mysql.com//Downloads/MySQL-8.0/mysql-......

苏牧影子
14分钟前
0
0
BeanFactory和FactoryBean

BeanFactory BeanFactory是ioc容器的顶层接口,里面定义了一些容器基本的功能 类似ConfigurableBeanFatory和ApplicationContext就是比较高级的容器,除了基本的方法之外,还实现了很多高级的...

sendo
16分钟前
0
0
Java并发(9)- 从同步容器到并发容器

引言 容器是Java基础类库中使用频率最高的一部分,Java集合包中提供了大量的容器类来帮组我们简化开发,我前面的文章中对Java集合包中的关键容器进行过一个系列的分析,但这些集合类都是非线...

Ala6
20分钟前
1
0
Java定时器Timer学习之一

种类: 接通延时型定时器:接通延时型定时器是各种PLC(可编程控制器)中最常见最基本的定时器,这种定时器在Siemens的PLC中,成为SD型定时器 断开延时型定时器:这种定时器是当输入条件00000为ON时...

王怀楼
22分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部