源生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中文网其它相关文章！

推荐阅读：