ajax实现文件上传以及进度条显示 东海 陈光剑 20120815

《ajax实现文件上传以及进度条显示 东海 陈光剑 20120815》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、Ajax实现文件上传以及进度条显示东海陈光剑2012081510/10Ajax实现文件上传以及进度条显示东海陈光剑20120815Ajax实现文件上传以及进度条显示东海陈光剑2012081510/10Upfile.htmlvarxmlHttp;varbar_color='green';varspan_id=

2、"block";varclear="   "functioncreateXMLHttpRequest(){//创建XMLHttpRequest对象if(window.ActiveXObject){xmlHttp=newActiveXObject("Microsoft.XMLHTTP");}elseif(window.XMLHttpRequest){xmlHttp=newXMLHttpRequest();}}functiongoUpFile(){varobj=document.getEl

3、ementById("file1");if(obj.value==""){alert("请选择需要上传的文件");returnfalse;}createXMLHttpRequest();checkDiv();varurl="uploadbar.jsp?task=create";//设置处理文件上传的服务器地址varbutton=document.getElementById("go");button.disabled=true;xmlHttp.open("GET",url,true);//发送请求xmlHttp.o

4、nreadystatechange=goCallback;//设置回调函数xmlHttp.send(null);}functiongoCallback(){if(xmlHttp.readyState==4){if(xmlHttp.status==200){Ajax实现文件上传以及进度条显示东海陈光剑2012081510/10setTimeout("pollServer()",200);}}}functionpollServer(){createXMLHttpRequest();varurl="uploadbar.j

5、sp?task=poll";//设置处理进度条的服务器地址xmlHttp.open("GET",url,true);xmlHttp.onreadystatechange=pollCallback;xmlHttp.send(null);}functionpollCallback(){//实现进度条if(xmlHttp.readyState==4){if(xmlHttp.status==200){varpercent_complete=xmlHttp.responseXML.getElementsByTagName("

6、percent")[0].firstChild.data;varindex=processResult(percent_complete);for(vari=1;i<=index;i++){varelem=document.getElementById("block"+i);elem.innerHTML=clear;elem.style.backgroundColor=bar_color;varnext_cell=i+1;if(next_cell>index&&next_cell<=10){document.get

7、ElementById("block"+next_cell).innerHTML=percent_complete+"%";}}if(index<10){setTimeout("pollServer()",200);}else{document.getElementById("complete").innerHTML="完成";document.getElementById("go").disabled=false;upfileform.enctype="multipart/form-data";upfilefor

8、m.action="upfile.jsp";upfileform.submit();}}}}Ajax实现文件上传以及进度条显示东海陈光剑2012081510/10functionprocessResult(percent_complete){varind;if(percent_complete.length==1){ind=1;}elseif(percent