0 0

commons-fileupload 实现带进度条问题5

 function beginUpload(){ 
  	  		$("#progress_bar").show(); 
   			setInterval("getUploadMeter()",1000); 
      } 

function getUploadMeter(){ 
   		$.post("${pageContext.request.contextPath}/admin/voice/fileUplaodState",function(data){ 
       		var json = eval_r("("+data+")"); 
       		jQuery("#progress").css("width",json.percentage/100*200+"px"); 
       		jQuery("#msg").css("padding","1px").html(json.percentage+"%"); 
   		}); 
      } 

<form action="${pageContext.request.contextPath}/admin/voice/add"  method="post" enctype="multipart/form-data" onsubmit="beginUpload()" target="_self">
      <input type="file" name="formFile" >
      <br/>
      <div id="progress_bar" style="width:200px;height:1px;display:none;border:1px solid black;">
  <div id="progress" style="background-color:red;height:1px;width:0px;"> </div>
      </div>
     
      <div id="msg"></div>
      <input type="submit" value="submit">
    </form> 


我基本照着网上的写的,(后台的代码没问题,未贴出),在点击submit时,getUploadMeter函数也能执行,就是未执行ajax,我不清楚原因,是不是当前页面正在请求,当前页面的其他请求就只能阻塞。。。。
2013年9月11日 22:23
目前还没有答案

相关推荐

Global site tag (gtag.js) - Google Analytics