Sending file together with form data via ajax post

Question

I\'m trying to upload a file via ajax together with some fields in a form. However, it doesn\'t work. I get this error.

Undefined Index :- File

Answer 1

Can you try using FormData():

$("form#files").submit(function(){

    var formData = new FormData($(this)[0]);

    $.ajax({
        url: window.location.pathname,
        type: 'POST',
        data: formData,
        async: false,
        success: function (data) {
            alert(data)
        },
        cache: false,
        contentType: false,
        processData: false
    });

    return false;
});

The above is a sample code, but you may use it to modify it.