ajax文件上传

一个简单的文件上传的ajax,做个记号

代码如下

//html代码
var form=''
	+''
	+'*上传文件'
	+''
	+''
	+''
	+''
	+''
	+''
    +'';

js代码如下

	
	function UpladFile() {
		progressBar.removeClass("hide");
		var fileObj = popupFileName[0].files[0]; // js 获取文件对象
		// FormData 对象
		var form = new FormData();
		//form.append("author", "hooyes"); // 可以增加表单数据
		form.append("filename", fileObj); // 文件对象
		// XMLhttpRequest 对象
		var xhr = new XMLHttpRequest();
		xhr.open("post", fileUpload_url, true);
		//xhr.set('nctype',"multipart/form-data");
		//xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		xhr.setRequestHeader("nctype", "multipart/form-data");
		xhr.onload = function () {
			 if (xhr.status >= 200 && xhr.status < 300) {
				try {
					var serverData = JSON.parse(xhr.responseText);
				} catch (e) {
					console.log(e);
					console.log("JSON.parse错误");
					xhrError();
				}
				xhrSuccess(serverData);
			} else {
				xhrError();
			}
		};
		 
		xhr.upload.addEventListener("progress", progressFunction, false);
		xhr.send(form);
		return xhr;
	}
	function xhrError(){
		alert('文件上传失败');
		formReset();
	}
	function xhrSuccess(serverData){
		if(serverData.errno==0){
			percentageDiv.html("100%");
			fileLoadStatus=2;
			//o.close();
			if(successFunc&&typeof successFunc==="function"){
				successFunc(serverData.data);
			}
		}
	}
本文标题:ajax文件上传
本文链接:https://56way.com/p/54.html
作者授权:除特别说明外,本文由 无路 原创编译并授权 小无路 刊载发布。
版权声明:本文不使用任何协议授权,您可以任何形式自由转载或使用。

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。