FormData вернул пустой объект, отчего такое может быть?

Question

[Anon3363]

Пытаюсь отправить файл на сервер Laravel ajax'ом.

Вот JS

$('#update_products').on('submit',function(event){
        event.preventDefault()
        console.log(data)
        $.ajax({
            url:'/UpdateProduct',
            type:'POST',
            data:new FormData(this),
            dataType:'JSON',
            contentType: false,
            cache: false,
            processData: false,
            success:function(data){
                console.log(data)
            }
        })
    })

и вот такой у меня HTML

<form enctype="multipart/form-data" id="update_products" method="post">
<div class="js--image-preview"></div>
											<div class="upload-options">
												<label class="upload-lbl" for="photo1">
												</label>
											</div>
										</div>
										<input type="file" class="product-image-upload" accept="image/*" name="images[]" id="photo1"/>
</form>

Answer 1

[Антон]

let $form = $('#update_products');

$form.on('submit', function (event) {
    event.preventDefault();

    let formData = new FormData($form[0]);

    $.each($('.product-image-upload')[0].files, function (j, file) {
        formData.append('images[' + j + ']', file);
    });

    $.ajax({
        url: '/UpdateProduct',
        type: 'post',
        data: formData,
        contentType: false,
        cache: false,
        processData: false,
        success: function (data) {
            console.log(data);
        }
    });
});

И в input добавить multiple:

<input type="file" class="product-image-upload" accept="image/*" name="images[]" id="photo1" multiple>

В контроллере:

if ($request->hasFile('images')) {
    $files = $request->file('images');
}

Comments

[Anon3363]

Спасибо за отзив но опять пустой Дата

[Антон]

Anon3363, отредактировал код. Попробуйте теперь.

[Anon3363]

Антон Алексеевич, Спасибо сейчас попробую

[Anon3363]

Антон Алексеевич,
Не понимаю почему
response Lvaravel в любом случае вернет дата из инпутов
но информация об файле нету пустой обьект

[Антон]

Ещё в input type="file" свой добавьте атрибут multiple.

[Антон]

И из ajax уберите dataType: 'json',
P.S. Обновил своё сообщение.

[Anon3363]

Антон Алексеевич,
В любом случае проблема в айаксе в что вернул когда в ларавеле $response->file()


И вот файли кода запрос был к сервер $_FILES


А правильно будет если буду работать с $_FILES ?

[Антон]

Если данные есть в $_FILES, то они будут и в request. В Вашем случае - в $request->allFiles().
Чтобы получить файлы конкретно по Вашему input, то $request->file('images')

[Anon3363]

Антон Алексеевич,
Может все из за контроллера ?

public function UpdateProduct(Request $request){
		$ f= $request->file('images');
		return response()->json($f,200);
	}

[Антон]

Anon3363, во-первых: у Вас не объявленная переменная $name. Во-вторых: $request->file('images'); - верная запись. Неужели в $f хранится 3 элемента, и каждый из них пустой? Вы раскрывали список, который показали на скрине?
И почему у Вас между $ и f пробел стоит?

[Anon3363]

Антон Алексеевич,

public function UpdateProduct(Request $request){
    $f= $request->file('images');
    return response()->json($f,200);
  }

да извините $f это я в комментария изменил не заметил
да я выбрал 3 эелмента он понимает что выбранных элементов 3 но как выдите обьекты пусти

[Антон]

А сделайте, пожалуйста, следующее перед return:
dd($f[0] ?? []);
А потом покажите, что вывело.

[Anon3363]

Антон Алексеевич, да сейчас попробую

[Anon3363]

Антон Алексеевич,
вот результат

[Антон]

var_dump($f[0] ?? []); die();

[Anon3363]

Здесь кажется есть адреса временних файлов

[Anon3363]

Антон Алексеевич,
object(Illuminate\Http\UploadedFile)#275 (7) {
["test":"Symfony\Component\HttpFoundation\File\UploadedFile":private]=>
bool(false)
["originalName":"Symfony\Component\HttpFoundation\File\UploadedFile":private]=>
string(47) "Samsung-TV_iTunes-Movies-and-TV-shows_main1.jpg"
["mimeType":"Symfony\Component\HttpFoundation\File\UploadedFile":private]=>
string(10) "image/jpeg"
["error":"Symfony\Component\HttpFoundation\File\UploadedFile":private]=>
int(0)
["hashName":protected]=>
NULL
["pathName":"SplFileInfo":private]=>
string(23) "C:\xampp\tmp\php6A8.tmp"
["fileName":"SplFileInfo":private]=>
string(10) "php6A8.tmp"
}

[Антон]

Попробуйте так, а потом напишите, что вернуло.

public function UpdateProduct(Request $request)
{
    $files = [];

    if ($request->hasFile('images')) {
        foreach ($request->file('images') as $image) {
            $files[] = $image->getClientOriginalName();
        }
    }

    return $files;
}

[Anon3363]

Антон Алексеевич,
Получилось
0: "Samsung-TV_iTunes-Movies-and-TV-shows_main1.jpg"
1: "Samsung-TV_iTunes-Movies-and-TV-shows_main1.jpg"
адреса от изображении

[Антон]

Ну вот, как я и говорил, файлы доступны в request :)
Можете взять мой код за основу и сделать свою логику по обработке файлов, используя ещё и другие методы. Например: getPath(), getClientOriginalExtension и т.д. Это уже нагуглить сможете в будущем.

[Anon3363]

Антон Алексеевич,
Спасибо большое вы очень помогли .Мне очень интересно стало сколько у вас опыта ?
я начинающий FullStack

[Антон]

С Laravel - около 4 лет.

[Anon3363]

Антон Алексеевич,
Отметил :) если бы был кнопка самый лучший ответ то я бы отметил
Еще раз спасибо