Javascript 如何将文件添加到阵列中

我有一个向导，每一步都有不同的形式。在其中一个步骤中，我使用了用于图像的裁剪器，在下一个步骤中，我希望将裁剪数据发送到控制器方法，但我无法将其添加到

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();
                    })

当我控制台记录一个数据表单时，我看到我有cropImage属性，但在controller方法上，当我

dd（$request->all（））