Почему файлы не загружаются на сервер посредством AJAX?

Question

[Владимир]

Доброго времени суток! Использую на сайте Dropzone.js для загрузки файлов, всё работает отлично, файлы грузятся. Я написал свой (нашел в интернете код) js для загрузки файлов по Ajax но файлы не попадают на сервер.
Вот код js. Мне кажется что Dropzone.js передаёт ещё что то в заголовках. Вот код ответа от сервера (Content-Type выставил я, думал поможет).

Accept:*/*
Accept-Encoding:gzip, deflate
Accept-Language:en-US,en;q=0.9,ru;q=0.8,bg;q=0.7,uk;q=0.6
Connection:keep-alive
Content-Length:55393
Content-Type:multipart/form-data
Cookie: куча всего
Host:art.silent-storm.in
Origin:http://art.silent-storm.in
Referer:http://art.silent-storm.in/blog
User-Agent:Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36
X-CSRF-Token: тут токен
X-FILE-NAME:3597497k.jpg

Подскажите что это может быть? Почему файлы не попадают на сервер?
P.S. Проверял массив $_FILES, при загрузке с помощью Dropzone.js, массив с файлом, а вот с помощью самописного скрипта массив пустой.
Заранее спасибо за ответы!

Comments

[EEclipsEE]

а консоль выдает ошибки? или там все чисто?

[Владимир]

EEclipsEE в консоли всё хорошо. XHR finished loading: POST "art.silent-storm.in/upload". И в методе upload я сделал распечатку массива $_FILES. И когда гружу через Dropzone то приходит нормальный ответ (массив не пустой). А когда отправляю через свой собственный скрипт то увы, массив пустой. Мне кажется что или я что то забываю добивать в заголовках или как то не правильно передаю файл.

[Алексей]

Ну почему все считают, что Тостер - лучший способ дебажить код?

[Владимир]

Алексей, скажите пожалуйста где я попросил отдебажить? У меня файл не передаётся на сервер, у меня ещё маловато опыта работы с JS и я не знаю всё ли я приписал для того что бы файл отправился на сервер. Если бы у меня были ошибки это одно, но тут мне кажется другая ситуация. Если вы знаете как такое дебажить то подскажите в какую сторону мне копать. А если вы не знаете ответа то попрошу не писать.

[Алексей]

Владимир, Вы не поняли мой пост. Чтобы найти ошибку нужно вам дебажить самостоятельно, либо выкладывать целиком всё, чтобы за вас это смогли сделать другие.
Навскидку, первое что пришло мне в голову проверить, а как формируется html-код формы отправки. Может там элементарно забыли поставить multipart/form-data. Если там все в порядке надо смотреть php-скрипт, проверять что получает он на входе. Если и там всё в порядке, надо посмотреть снифером что передается от клиента к серверу.
И так далее и тому подобное. Потому-то сложно сходу сказать где может быть ошибка по тем скудным данным, что вы предоставили.
Либо вы выкладываете сами всю свою кухню целиком и просите разобраться, где ошибка, либо вам самостоятельно нужно все исследовать.

Answer 1

[Дмитрий Беляев]

Вы отдаете заголовок xhr.setRequestHeader('Content-Type', 'multipart/form-data')
а отдаете просто файл
Так понимаю на сервере php, так что буду основываться на этом, хоть и не помню его толком
вариант 1: оборачивать файл в FormData и отправлять его, читаем про него тут https://developer.mozilla.org/ru/docs/Web/API/FormData
вариант 2: если отдаем как есть, то читаем файл из php://input если передавать только файл, там будет только он