$_FILES пуст после загрузки AJAX

Я разрабатываю простой скрипт для загрузки файла через AJAX, но после отправки формы переменная $_FILES полностью пуста, хотя файл существует в php://input, но нет простого способа извлечь только файл. Кто-нибудь знает причину и/или решение этой проблемы?

Я проверил все распространенные решения. enctype="мультипарт/форма-данные" права на временную папку закрытие тегов формы двойные кавычки и вывод файла-ввода в JS

Ничто не решило мою проблему.

КРАСНЫЙ Это НЕ jquery, и я не нашел дубликата за 24 часа. Поэтому, пожалуйста, не отмечайте как дубликат, если вы не уверены, что это один.

HTML

<form action = "upload.php" method = "POST" enctype = "multipart/form-data" id = "testf">
<input type = "file" name = "file" accept = ".jpg">
<input type = "submit" value = "Skicka">
</form>

JavaScript

let data = document.querySelector("#testf");
data.onsubmit = function() {
    var http = new XMLHttpRequest();
    http.open("upload.php", data.action);
    http.onreadystatechange = function () {
        console.info(http.response);
    }
    http.setRequestHeader("Content-type", data.enctype);
    http.send(new FormData(data));
    event.preventDefault();
    return false;
}

PHP

<?php
var_dump($_FILES);
?>

Это должно распечатать содержимое моего файла, но

array(0) {}

это все, что я получаю. Полезная нагрузка запроса:

------WebKitFormBoundaryZVGq8suqFUUSFDtW
Content-Disposition: form-data; name = "file"; filename = "david.jpg"
Content-Type: image/jpeg


------WebKitFormBoundaryZVGq8suqFUUSFDtW--