源生ajax同步異步請求,源生JS怎樣實作檔案異步上傳

這次給大家帶來源生JS怎樣實作檔案異步上傳，源生JS實作檔案異步上傳的注意事項有哪些，下面就是實戰案例，一起來看一下。

名稱

檔案

确定

function ajaxUploadFile() {

var formData = new FormData();

var xmlhttp;

if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari

xmlhttp = new XMLHttpRequest();

}else {// code for IE6, IE5

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

}

xmlhttp.open("POST","/data",true);

xmlhttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");

formData.append("name",document.getElementById("text").value);

formData.append("file",document.getElementById("file").files[0]);

xmlhttp.send(formData);

xmlhttp.onreadystatechange=function() {

if (xmlhttp.readyState==4) {

if (xmlhttp.status==200) {

console.log("上傳成功"+xmlhttp.responseText);

}else {

console.log("上傳失敗"+xmlhttp.responseText);

}

}

}

}

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：