带有表单数据的Javascript XMLHttpRequest发送空正文

Question

我尝试发送这样的文件

var formData = new FormData();
formData.append("avatar", document.getElementById('imageFile').files[0]);

var request = new XMLHttpRequest;
request.open("PATCH", "http://localhost:9090/users/me/avatar");
request.send(formData);

但是，无论我尝试什么，应发送的所选文件的实际内容都保持空白。这是 Chrome 的网络标签的屏幕截图

我尝试了不同的文件和不同的请求方法，但总是一样的。

我也试过formData.append("testfield", "some string"); 并且发送正确，我可以在请求正文中看到“一些字符串”，问题似乎与文件有关。

我做错了吗？

谢谢

Answer 1

PATCH 是一种用于 API 更改的方法，而不是发送文件。
您应该使用 POST 或 PUT 上传文件

var formData = new FormData();
formData.append("avatar", document.getElementById('imageFile').files[0]);

var request = new XMLHttpRequest;
request.open("POST", "http://localhost:9090/users/me/avatar");
request.send(formData);

此外，将formData 对象记录到控制台时，您将无法看到数据。