Laravel: указан неверный аргумент для foreach () при отправке значений с данными multipart-form-data

Question

Я пытаюсь получить доступ к массиву по запросу multipart-form-data.

В своем коде js я добавляю в formData объект, который мне нужен следующим образом:

for (const key in property) {
    if (typeof property[key] !== 'undefined') {
        console.log(key, property[key]);
        formData.append(`property[${key}]`, property[key]);
    }
}

Свойство имеет массив изображений, а значение представляет собой массив, подобный следующему:

Также в том же forData я отправляю все данные из изображений, которыеЯ хочу обработать, и в этом случае свойство содержит массив объектов, которые являются изображениями, ранее сохраненными в базе данных.Итак, в моем контроллере я должен следовать

 // Images that are already in database
 $propertyData = $request->input('property');
 $images = isset($propertyData['images'])? $propertyData['images'] : []
 foreach($images as $i) {
    $image = Image::find((int)$i['id']);
    if ( !is_null($image) ) {
        $image->update($i);
    }
}

Но я получил ошибку: Invalid argument supplied for foreach()

Я пытался даже преобразовать каждое изображение в коде JavaScript в массив, каксобственность, но я получил ту же ошибку.

Answer 1

Вы не можете напрямую добавлять объекты или массивы в FormData.Вы должны добавлять ключи и значения по одному.

Способ сделать это так:

var formData = new FormData;
var arr = ['this', 'is', 'an', 'array'];
for (var i = 0; i < arr.length; i++) {
    formData.append('arr[]', arr[i]);
}

Я использую вспомогательную функцию (обратите внимание, что это в синтаксисе ES6) длясделать это:

export function appendFormdata(formData, data, previousKey) {
    if (data instanceof Object) {
        Object.keys(data).forEach(key => {
            const value = data[key];
            if (previousKey) {
                key = `${previousKey}[${key}]`;
            }
            if (value instanceof Object && !Array.isArray(value) && !(value instanceof File)) {
                return appendFormdata(formData, value, key);
            }
            if (Array.isArray(value)) {
                value.forEach((val, i) => {
                    return appendFormdata(formData, val, `${key}[${i}]`);
                });
            } else {
                formData.append(key, value);
            }
        });
    }
}

Для получения более подробной информации см .: добавление массива в FormData и отправка через AJAX и Преобразование объекта JS в данные формы