上传文件

课后整理 2020-12-20

新版XMLHttpRequest对象不仅可以发送文本信息,还可以上传文件。使用send()方法可以发送字符串、Document对象、表单数据、Blob对象、文件和ArrayBuffer对象。

【示例】设计一个"选择文件"的表单元素(input[type="file"]),将它装入FormData对象。

var formData = new  FormData();
for (var i = 0; i <  files.length;i++) {
  formData.append('files[]', files[i]);
}

然后,发送FormData对象给服务器。

xhr.send(formData);