读书人

文件下传进度条-servlet+js

发布时间: 2012-11-23 22:54:33 作者: rapoo

文件上传进度条-----servlet+js
闲的没事,突然想起读书的时候文件上传进度条没有实现,现在想想,那时候真是太聪明了。如今,就刚刚,蛋疼得我做了一个,正如我所想到的一样,同事们确实是一阵嘲笑,还有一个小伙子居然说:‘这种东西网上很多成熟的东西了,我们不应该拘泥于这种小技术、、、’;我晕倒了,哎,学校里没实现的东西,虽然现在看来信手拈来,但是,自己做的东西总比网上荡好,我们很多同事就是这样,网上荡。。。对此,我只能说无语。。。。



其实上传进度条很简单,最简单的就是我下面的了,当然复杂的也有,不过我没用过。我以前也是用flash的,



var total = 0;//文件总大小var current = 0;//当前大小var present= 0;//百分比var timer = null;//定时触发事件(function($){$(function(){$('#btn').click(function(){    timer = window.setInterval('getData()', 500);    $('#btn').attr('disabled','disabled');$('#form').submit();});});})(jQuery);var getData = function(){$.ajax({url:'file.data',success:function(msg){msg = eval('(' + msg + ')');total = msg.total;current = msg.current;if(present==100){$('#btn').attr('disabled','');window.clearInterval(timer);}present= (current/total)*100;$('#data').attr('innerHTML',present.toFixed(2)+'%');}});};

读书人网 >JavaScript

热点推荐