Как добавить файл в serializeArray

Question

У меня есть мастер с разными формами на каждом шагу. На одном из шагов у меня есть кроппер для изображений, а на следующем шаге я хочу отправить данные обрезки в метод контроллера, но я не могу добавить это к serializeArray. Это моя js часть:

wizard.on('beforeNext', function (wizardObj) {
                    wizardObj.stop();
                    let wizardForm = $('#kt_form_' + wizardObj.currentStep)
                    let dataForm = wizardForm.serializeArray()
                    if (wizardObj.currentStep == 2) {
                        canvas = cropper.getCroppedCanvas({
                            width: 160,
                            height: 160,
                        });
                        canvas.toBlob(function (blob) {
                            url = URL.createObjectURL(blob);
                            var reader = new FileReader();
                            reader.readAsDataURL(blob);
                            reader.onloadend = function () {
                                var base64data = reader.result;
                                dataForm.push({ name: "cropImage", value: base64data });
                            }
                        });
                    }

                    let url = wizardForm.attr('action')
                    let method = wizardForm.attr('method')
                    $.ajax({
                        url: url,
                        type: method,
                        data: dataForm,
                    }).done(function (response) {
                        wizardObj.goNext();
                    })

Когда я консоль регистрирую dataForm, я вижу, что у меня есть атрибут cropImage, но по методу контроллера он не является частью запроса, когда я dd($request->all())