Javascript XMLHttpRequest與formdata發送空主體

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對象記錄到控制台時，您將看不到數據。