Есть форма-анкета, поля с загрузкой фото 5шт, после чего добавлена функция кропирование(обрезка фото Crop.js) пользователь выбирает область на фото и загружает,образное фото отображается рядом с полем, формате base64 data:image
и преобразовывается в blob, добавляется formData и отправляется POST
Проблема в том, что фото отправляется только одно а не 5шт, не могу понять как в formData добавить остальные 4шт и отправить общим запросом, это надо создать 5 blob-ов? и из function() вытаскивать их в один POST запрос?
основная задача отправить base64 data:image POST запросом, другого решения не нашел только через blob
(avatar.src = "base64 data:image........")
avatar.src = canvas.toDataURL();
canvas.toBlob(function (blob) {
var formData = new FormData(form);
formData.append('avatar', blob, 'avatar.jpg');
fetch("/my.php", {method: 'POST', body: formData});
});