通过ajax发送文件

Question

我想使用HTTP POST 请求发送文件，问题是我做不到 - 服务器端post 和files 数组为空：

<input type="file" id="file"/>

let data = document.getElementById('file').files[0];
let xmlhttp = new XMLHttpRequest();
xmlhttp.open("POST", 'http://someurl.com/something', true);
xmlhttp.setRequestHeader("Content-Type", "multipart/form-data");
xmlhttp.send(data);

为什么会这样？文件存在，数据变量正确。请求正在正确发送。怎么了？

Answer 1

使用 FormData 对象发送您的文件。

var formData = new FormData();
formData.append("file", data); // data is your file
xmlhttp.send(formData);