您的位置：首页 > 理论基础 > 计算机网络

XMLHttpRequest文件上传，并显示进度条

2016-06-05 22:51 549 查看 
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72

	function submitRequest(callback) {		var apkFile = document.getElementById("file").files[0];		if (apkFile) {			var fileName = apkFile.name;			var suff = fileName.substring(fileName.lastIndexOf('.') + 1,fileName.length);			if (suff != "apk") {				$.messager.alert("提示", messageCreator("文件格式必须为apk!"));				return;		    }		}						var fd = new FormData();		if (apkFile) {			var apkName = apkFile.name;			fd.append("apkName", apkName);			fd.append("apkFile", apkFile);		}		var seq = $('#inputSeq').val();		fd.append("seq", seq);		fd.append("developer", $('#inputDeveloper').textbox('getText'));		fd.append("isTop", $('#inputIsTop').combobox('getValue'));		fd.append("isRecommend", $('#inputIsRecommend').combobox('getValue'));		fd.append("isRelease", $('#inputIsRelease').combobox('getValue'));		fd.append("description", $('#inputDescription').val());		var xhr = new XMLHttpRequest();	    xhr.upload.addEventListener("progress", uploadProgress, false);		xhr.open('POST', AppContextPath + "/rest/app/save_app", true);		/*		xhr.onload = function() {			$.messager.alert("提示", "添加成功", null, function() {				window.top.iframeNavigator('ifrmContent','service/app_main.html');				if (callback != null)					callback();
});		};		*/		xhr.onreadystatechange = function() {			if(xhr.readyState == 4 && xhr.status == 200){  				$.messager.alert("提示", "添加成功", null, function() {					window.top.iframeNavigator('ifrmContent','service/app_main.html');					if (callback != null)						callback();
});	        }else if(xhr.readyState == 4&& xhr.status != 200){	        	 var jsonError = eval("(" + xhr.responseText + ")");	        	 var errorType = jsonError.type;	        	 if(errorType == "ApkDuplicate"){	        		  $.messager.alert("提示", "该Apk已经上传!", null, function() {window.top.iframeNavigator('ifrmContent','service/app_main.html');
}); 	        	 }		         	        }		       		    };		    		xhr.send(fd);	}	 	  function uploadProgress(evt) {	        if (evt.lengthComputable) {	          var percentComplete = Math.round(evt.loaded * 100 / evt.total);	             document.getElementById('progressNumber').innerHTML = '<font color=red>当前进度:'+percentComplete.toString() + '%</font>';	        }	        else {	             document.getElementById('progressNumber').innerHTML = 'unable to compute';	        }	      }


                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航