java struts2 多文件上传 加进度条
2014-06-19 00:00
417 查看
摘要: 实现多文件上传,加进度条
接上一篇
6、监听进度js
7、成功运行,截图
接上一篇
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、成功运行,截图
相关文章推荐
- struts2实现文件上传进度条(前端JS+Java)(自我整理)
- struts2实现文件上传进度条(前端JS+Java)(收藏)
- struts2 上传文件进度条
- JAVA实现显示上传文件进度条
- Flex +java 多文件上传带进度条
- 2011级-csdn-java-张侃—struts2文件上传错误信息国际化的处理(案例)
- FCKeditor.java+Struts2的上传文件配置
- Java程序员从笨鸟到菜鸟之(七十一)细谈struts2(十三)struts2实现文件上传和下载详解
- java_struts2实现文件上传
- struts2上传文件,显示进度条
- 11级_Java_曹建波 03.02 Struts2_事物管理&文件上传
- Java动态显示文件上传进度的简单实现 - java2000.net的专栏 - CSDNBlog
- 【转】用Struts2实现文件上传时显示进度条功能
- Java乔晓松-Struts2中文件上传和多文件上传以及获取HttpServletRequest / HttpSession / ServletContext / HttpServletRespons
- JavaWeb中struts2实现文件上传下载功能实例解析
- 【原创】论struts2上传文件进度条
- Struts2 Ajax 上传文件,显示进度
- java架构搭建(六)--struts2上传和下载文件(使用到拦截器)
- struts2 上传文件添加进度条
- struts2上传文件(进度条)