asp.net 创建上传进度条,该如何解决
日期：2014-05-19 浏览次数：20603 次
asp.net 创建上传进度条
请问在asp.net 中Fileupload控件用来上传文件，但是我想做一个进度条，显示现在完成多少了，请问怎么实现啊，谢谢
最好给我一个c#的例子。
------解决方案--------------------
http://www.chinatcm.net.cn/2965.html
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<title> 无标题页 </title>
<script type= "text/javascript ">
var xmlHttp;
var key;
function createXmlHttpRequest()
{
if(window.ActiveXObject)
xmlHttp=new ActiveXObject( "Microsoft.XMLHTTP ");
else if(window.XmlHttpRequest)
xmlHttp=new XmlHttpRequest();
}
function go()
{
checkDiv();
createXmlHttpRequest();
xmlHttp.onreadystatechange=callback;
xmlHttp.open( "get ", "ProgressBar.aspx?task=create ",true);
xmlHttp.send(null);
}
function callback()
{
if(xmlHttp.readyState==4&&xmlHttp.status==200)
{
setTimeout( "pollServer() ",1000);
}
}
function pollServer()
{
createXmlHttpRequest();
xmlHttp.onreadystatechange=pollCallback;
xmlHttp.open( "get ", "ProgressBar.aspx?task=poll&key= "+key,true);
xmlHttp.send(null);
}
function pollCallback()
{
if(xmlHttp.readyState==4&&xmlHttp.status==200)
{
key++;
var percent=xmlHttp.responseXML.getElementsByTagName( "percent ")[0].firstChild.nodeValue;
var end=loadPercent(percent);
for(var i=1;i <=end;++i)
{
var span=document.getElementById( "block "+i);
span.innerHTML= " ";
span.style.backgroundColor= "gray ";
}
if(end <9)
{
end++;
var span=document.getElementById( "block "+end);
span.innerHTML=percent+ "% ";
setTimeout( "pollServer() ",1000);
}
else
{
document.getElementById( "complete ").innerHTML= "complete ";
document.getElementById( "go ").disabled=false;
}
}
}
function loadPercent(percent)
{
if(percent.length==1)
return 1;
else if(percent.length==2)
return percent.substring(0,1);
return 9;
}
function checkDiv()
{
key=1;
var pb=document.getElementById( "progressBar ");
if(pb.style.visibility== "visible ")
{
clearBar();
document.getElementById( "complete ").innerHTML= " ";
}
else
pb.style.visibility= "visible ";
}
function clearBar()
{
for(var i=1;i <=9;++i)
{
var elem=document.getElementById( "block "+i);
请问在asp.net 中Fileupload控件用来上传文件，但是我想做一个进度条，显示现在完成多少了，请问怎么实现啊，谢谢
最好给我一个c#的例子。
------解决方案--------------------
http://www.chinatcm.net.cn/2965.html
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<title> 无标题页 </title>
<script type= "text/javascript ">
var xmlHttp;
var key;
function createXmlHttpRequest()
{
if(window.ActiveXObject)
xmlHttp=new ActiveXObject( "Microsoft.XMLHTTP ");
else if(window.XmlHttpRequest)
xmlHttp=new XmlHttpRequest();
}
function go()
{
checkDiv();
createXmlHttpRequest();
xmlHttp.onreadystatechange=callback;
xmlHttp.open( "get ", "ProgressBar.aspx?task=create ",true);
xmlHttp.send(null);
}
function callback()
{
if(xmlHttp.readyState==4&&xmlHttp.status==200)
{
setTimeout( "pollServer() ",1000);
}
}
function pollServer()
{
createXmlHttpRequest();
xmlHttp.onreadystatechange=pollCallback;
xmlHttp.open( "get ", "ProgressBar.aspx?task=poll&key= "+key,true);
xmlHttp.send(null);
}
function pollCallback()
{
if(xmlHttp.readyState==4&&xmlHttp.status==200)
{
key++;
var percent=xmlHttp.responseXML.getElementsByTagName( "percent ")[0].firstChild.nodeValue;
var end=loadPercent(percent);
for(var i=1;i <=end;++i)
{
var span=document.getElementById( "block "+i);
span.innerHTML= " ";
span.style.backgroundColor= "gray ";
}
if(end <9)
{
end++;
var span=document.getElementById( "block "+end);
span.innerHTML=percent+ "% ";
setTimeout( "pollServer() ",1000);
}
else
{
document.getElementById( "complete ").innerHTML= "complete ";
document.getElementById( "go ").disabled=false;
}
}
}
function loadPercent(percent)
{
if(percent.length==1)
return 1;
else if(percent.length==2)
return percent.substring(0,1);
return 9;
}
function checkDiv()
{
key=1;
var pb=document.getElementById( "progressBar ");
if(pb.style.visibility== "visible ")
{
clearBar();
document.getElementById( "complete ").innerHTML= " ";
}
else
pb.style.visibility= "visible ";
}
function clearBar()
{
for(var i=1;i <=9;++i)
{
var elem=document.getElementById( "block "+i);
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
