Почему $_POST приходит пустой при POST xmlhttprequest?

Question

[Максим]

Приветствую!
Разбираюсь как делать загрузку файлов на сервер.
Написал простой пример.
Скрипт sendData() выполняется при клике на button. На сервере я обращаюсь к файлу upload.php.

В этом файле я проверяю, что в себе содержит $_POST (и $_FILES).
И что бы я не отправлял в теле POST запроса, у меня все время выдает: тип array, а длина массива 0.
Ничего в нем нету...
Точка входа в приложение в папке /public, в этой же папке и лежит upload.php.

function sendData() {

	var xhr = new XMLHttpRequest();
	xhr.open('POST', '/upload.php', true);
	xhr.setRequestHeader("Content-type", "multipart/form-data"); 
	xhr.onload = function (oEvent) {
	  console.log("xhr.onload");
	};
	xhr.onerror = function() { 
 	 console.log("xhr.onerror");
	};


	var blob = new Blob(['abc123'], {type: 'text/plain'});

	xhr.send(blob);

}

Что я делаю не так?

Comments

[Максим]

VicTHOR, Я записываю результаты моих проверок в файл file.txt.

<?php
// строка, которую будем записывать
$text = $_POST;
 
// открываем файл, если файл не существует,
//делается попытка создать его
$fp = fopen("file.txt", "w");
 
// записываем в файл текст
fwrite($fp, $text);
 
// закрываем
fclose($fp);

Это кстати содержание файла upload.php. Тут же я прописываю и count, gettype чтобы посмотреть че не так с $_POST.

Я понимаю, это несколько по-деревенски, но я просто еще не дошел до момента изучать как отсылать ответ. Я застопорился еще на получении и обработке данных на сервере.

[Максим]

VicTHOR, Добавил я response. По-прежнему $_POST пустой.

Answer 1

[Александр]

var data = new FormData();
data.append('name', 'value');

var xhr = new XMLHttpRequest();
xhr.open('POST', '/upload.php', true);
xhr.onload = function () {
    // do something to response
    console.log(this.responseText);
};
xhr.send(data);

Comments

[Максим]

Спасибо, но это же совсем не ответ на мой вопрос. И способ который вы описываете это не для отправки любых данных. Этот способ конкретно для отправки полей из формы.

[Александр]

Максим, господи, для справочки, в суперглобальный массив POST попадают данные с заголовком application/x-www-form-urlencoded или multipart/form-data, а это именно тот заголовок который передает форма. Не text/plain, не json.

И да, этим способом можно отправить совершенно любые данные, включая файлы. Вам стоит больше почитать о запросах. Запрос через форму не отличается от аналогичного запроса на js.

[Максим]

VicTHOR, В моем примере я отправляю blob объект. В целом мне этот способ и нужен. Я картинки хотел отправить. Пример выше просто более простой. Я не понимаю, почему у меня даже этот пример не работает.

[Александр]

VicTHOR, что значит нельзя если в твоей ссылке

var file = this.files[0];

        var fd = new FormData();
        fd.append("file", file);

[Александр]

Максим,

var data = new FormData();
var file = document.getElementById('inputFile').files[0];
data.append('file', file);

var xhr = new XMLHttpRequest();
xhr.open('POST', '/upload.php', true);
xhr.onload = function () {
    // do something to response
    console.log(this.responseText);
};
xhr.send(data);

так в чем же интересно проблема сделать так?

[Максим]

Александр, Ты хоть в курсе, что посредством xmlhttprequest ты можешь отправлять сам любые данные без использования формы и инпутов? Почему ты так настырно пытаешься свой способ выдать как ответ на мой вопрос?
Я вообще-то свой пример не сам писал. Я его взял из документации.
Ты можешь без каких-либо форм, взять и создать свой объект, в моем случае blob, и отправить его.
Я где-то допустил ошибку, но не понимаю где. Сам скрипт отправки у меня начисто списан из примера в источнике.

[Александр]

Максим, ты допустил ошибку в выборе своей профессии. Каких к черту формы? Я тебе дал весь код. Вставь его себе и продолжай говнокодить.

[Максим]

Александр, Все понятно. Школьник. Лови репорт.
А проблему я свою решил - нужно было исправить ContentType на application/x-www-form-urlencoded.
То что ты пишешь, это бред. Видимо мало ты прочитал про XMLhttprequest.
Такое ощущение будто сам с собой разговариваешь.