如何在ajax中使用formdata追加序列化

Question

I am tring to append serilize with formdata .It is not working.My controller as two viewmodel with httppostfilesbase as a parameter.i want to append both serilize collection with formdata and i went to send all data including file to controller.it is not working for me.can any one help on this please`

var fileData = new FormData();

    if (window.FormData !== undefined) {
                    var fileUpload = $("#myFile").get(0);
                    var files = fileUpload.files;

                    for (var i = 0; i < files.length; i++) {
                        fileData.append(files[i].name, files[i]);

                    }
                }

            }

        var other_data = $('form').serializeArray();
        fileData.append('file',other_data );
       debugger
        $.ajax({
            type: "POST",
            url: '@Url.Action("Save", "Settlement")',
            data: fileData[0],
            contentType: false,
            processData: false,
            success: function (result) {
                if (result.redirectTo) {

                } else {

                    $("#childcontent").html(result);
                }
            }
        })
    }
}

Answer 1

There is no need of fileData[0] . Change url to url: '/Settlement/Save',

Also check the console for any errors and revert if you need more information

Can you try with this?

$.ajax({
    type: "POST",
    url: '/Settlement/Save',
    contentType: false,
    processData: false,
    data: fileData,
    success: function(result) {
        if (result.redirectTo) {

        } else {

            $("#childcontent").html(result);
        }
    },
});