Как загрузить несколько BLOB-объектов, используя ajax

Question

Как мне добавить несколько BLOB-объектов в formData и загрузить их, используя ajax? Ниже приведен код, который я пробовал, он не работает. Добавить не происходит

    $('#uploadImage').submit(function (e) {


        e.preventDefault();

        const formData = new FormData(this);

        for(var i=0;i<count;i++)
        {
            cropper[i].getCroppedCanvas(imageAttributes);
            cropper[i].getCroppedCanvas().toBlob((blob) => {

            formData.append('photo[]', blob);
            }, 'image/jpg' );

        }


        formData.append('count', count);

        $.ajax({
          url:'upload.php',
          method: 'POST',
          data: formData,
          cache: false,
          processData: false,
          contentType: false,
          success: function (data) {

                $('#msg').html(data);
            },
          error() {
            console.log('Upload error');
          },
        });

    });