Передача файла ajax вместе с формой jquery?

Question

[pillson]

Есть форма с данными, по клику уходят данные на валидацию, в форме есть файлы (multiple) вопрос, как вместе с данными передать файлы, но чтобы запись файлов происходила в обработчике php а не через библиотеки jquery file upload и тп, т.к. может быть ошибка в валидации и файлы остаются на месте, основное событие происходит по клику кнопку с классом btn-send

Answer 1

[ThunderCat]

событие происходит по клику кнопку с классом btn-send

Правильно вешать на событие субмита формы
А вообще достаточно легко гуглится
https://stackoverflow.com/questions/10899384/uploa...

Answer 2

[GGGVader]

<form action="POST" enctype="multipart/form-data" >
<input type="file"  id="input__file">
<form>

var $input = $('#input__file');
    var fd = new FormData;

    fd.append('excel', $input.prop('files')[0]);
        $.ajax({
            url: '/center/ajax-file/',
            data: fd,
            processData: false,
            contentType: false,
            type: 'POST',
            success: function (data) {
              console.log(data)
            }
        });