Как передать массив FormData через ajax?

Question

[Nik Faraday]

Здравствуйте!

У меня появилась проблема с передачей данных на сервер. Ситуация:
Мне нужно закинуть на сервер коллекцию неких объектов, так же каждый объект имеет изображение. Вот код:

let packagesForm = new FormData();
for (let i = 0; i < packages.length; i++) {
    packagesForm.append('Image', packages[i].Image);
    packagesForm.append('MeasureUnit', packages[i].MeasureUnit);
    packagesForm.append('VolumeUnit', packages[i].VolumeUnit);
    packagesForm.append('Volume', packages[i].Volume);
    packagesForm.append('Price', packages[i].Price);
    packagesForm.append('ProductId', packages[i].ProductId);
}

$.ajax({
    url: '@Url.Action("Create", "Package")',
    method: 'post',
    data: packagesForm,
    contentType: false,
    processData: false,
    success: (response) => {

    },
    error: (response) => {

    }
})

Тут я получаю из предыдущего запроса ответом id куда сиё дело привязывать и дальше пытаюсь отправить список объектов на сервер.

Вот экшен, куда это всё передается:

[HttpPost]
public async Task<IActionResult> Create(List<CreatePackageHttpPostModel> vm)
{
    return Ok(new { success = true });
}

Проблема в том, что на сервер заходит пустой список. Юзать FormData обязательно, т.к. есть загрузка изображения. Как тут делать? Я что-то упустил, но не могу понять что именно

Answer 1

[Сергей Соловьев]

Попробуй [FromForm]
атрибут в аргументе контроллера

Comments

[Nik Faraday]

То самое


Прикол в том, что в таком виде, как я привёл в вопросе, данные заполняются если передавать не массив, а один объект

[Сергей Соловьев]

Через форму обязательно? Можно JSON отправить

[Nik Faraday]

AshBlade, да, обязательно через форму, т.к. я ещё передаю изображение вместе с данными

[Nik Faraday]

AshBlade, я наконец-то, методом тыка, пришёл к ответу, который работает. Написал в своём ответе

[Nik Faraday]

AshBlade, Кстати да, я юзнул FromForm

Answer 2

[Nik Faraday]

Методом тыка, спустя три дня перебора комбинаций методов нашёл один, который работает. Конечно, он меня не удовлетворил в силу способа отправки данных, но это, по крайней мере, работает

let packagesForm = new FormData();
for (let i = 0; i < packages.length; i++) {
    packagesForm.append(`vm[${i}].Image`, packages[i].Image);
    packagesForm.append(`vm[${i}].MeasureUnit`, packages[i].MeasureUnit);
    packagesForm.append(`vm[${i}].VolumeUnit`, packages[i].VolumeUnit);
    packagesForm.append(`vm[${i}].Volume`, packages[i].Volume);
    packagesForm.append(`vm[${i}].Price`, packages[i].Price);
    packagesForm.append(`vm[${i}].ProductId`, Number(response.id));
}