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
版权声明:本文不使用任何协议授权,您可以任何形式自由转载或使用。
发表评论