HTML5上传文件（不含进度条）：XHR2+FILE+FormData

2019-04-15 15:42发布

站内文章 / PIC单片机
10599 0 1576
主要用到了三个方面的技术：
1.使用FILE的API获取待上传的文件对象，比如pic
var pic = document.getElementsByTagName("input")[0].files[0];
2.再使用FormData对象收集待发送的数据，参数其中之一是上面file获取到的对象pic
var fd = new FormData();
fd.append('pic',pic);
3.使用Ajax发送
var xhr = new XMLHttpRequest();
xhr.open('POST','fileup.php',true);
xhr.onreadystatechange = function(){
if(this.readyState ==4)
{
     document.getElementById('debug').innerHTML = this.responseText;
}

}
xhr.send(fd);


具体代码如下： html5up.html如下： fileAPI

用到的fileup.php如下：


热门文章