Отправляем файл через FormData(), запрос есть, а массив $_FILES пустой (сервер не может распарсить запрос?)

@vovkalenka · Регистрация: 12.02.2013

Студворк — интернет-сервис помощи студентам

Код практически весь из мурзилки отсюда

Задача - отправить файл черех Ajax, поместив в FormData();
Скажу сразу: данные, если верить дебагу браузера, уходят. Но не доходят: массивы $_POST и $_FILES пустые.

Инпут (на всякий случай обёрнут в форму):

HTML5
1
2
3
<form enctype="multipart/form-data" id="myForm">
      <input data-url="./modules/ys/loadfile.php" class="fileinp" id="report" name="report" type="file">
</form>

JS:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$('.fileinp').live('change', function(){
                            var send_url = $(this).attr('data-url');
                            var fd = new FormData();
                            fd.append($(this).attr('name'), this.files[0]);
 
                            $.ajax({
                                url: send_url,
                                type: "POST", 
                                cache: false, 
                                processData: false,
                                contentType: false,
                                data: fd,
                                success: function(html){
                                    alert(html);    
                                }
                            });
                        });

Сам по себе сервер в порядке. В других формах делали с помощью плагинов, файлы прекрасно уходят. После долгих плясок с бубном выяснилась единственная разница в тексте запроса. Когда отправляем файлы через готовый плагин, то запрос выглядит так:

Code
1
2
3
4
5
6
Content-Type: multipart/form-data; boundary=---------------------------9903570527386
Content-Length: 1110
 
-----------------------------9903570527386
Content-Disposition: form-data; name="report"; filename="image002.jpg"
Content-Type: image/jpeg

То есть сначала общий заголовок Content-Type: multipart/form-data; boundary..., затем уже идёт описание файла и сам текст файла: Content-Disposition: form-data; name="userfile"; filename=...
Файл успешно загружается.

Если же отправляем с помощью вышеописанного кода, запрос содержит только описание и текст файла, без общего заголовка:

Code
1
2
Content-Disposition: form-data; name="report"; filename="image002.jpg"
Content-Type: image/jpeg

Файл не загружается, массив $_FILES выглядит так: array(0) {}.

Выходит, что разница только в заголовке Content-Type: multipart/form-data; boundary... в начале запроса. Но мы же сами отключаем contentType: false, иначе, как пишут везде, не будет работать. Пробовали даже указывать: contentType: "multipart/form-data", но результата не приносит.

В чём может быть дело?

Добавлено через 2 часа 13 минут
Источник проблемы найден: сайт взрослый, на нём работает Jquery 1.4.2

Добавлено через 33 минуты
Поставили Jquery 1.9.1 и JQuery Migrate Plugin (чтобы всё давно написанное не сломалось) и проблема ушла.

@Lazy_Den · 12.03.2017, 15:41

Не по теме:

+1 за то, что поделились найденным решением, т.к. это может пригодиться в будущем другим.

@Уф · 15.03.2017, 11:29

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
        var formData = new FormData($('#filesform')[0]);
        console.log(formData);
        $.ajax({
            type: "POST",
            processData: false,
            contentType: false,
            url: "func/wh_upload.php",
            data:  formData
        }).done(function( data ) {
            $('#tblWh tbody tr.selected').trigger('click');
            var prov = JSON.parse(data);
            if(prov.bad==0) {
                $('#resp').html('Статус: все файлы успешно загружены');
                $('#fdescr').html('');
                $('#fname').val('');
            } else if(prov.good==0) {
                $('#resp').html('Статус: ошибка загрузки всех файлов');
            } else {
                $('#resp').html('Статус: часть файлов не удалось загрузить<br>'+prov.badlist);
            }
        });

я делаю так, через сокращеную функцию $.post у меня почему-то не работало

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@Lazy_Den
	12.03.2017, 15:41
	Не по теме: +1 за то, что поделились найденным решением, т.к. это может пригодиться в будущем другим. 0