Почему Ajax не отправляет файлы?

<input type="file" id="dwn_images" multiple name="images[]" class="f_input" accept="image/*">

$( document ).ready(function() {
    $('#dle-comments-form').on('submit', function(e){
            e.preventDefault();
            
            var form = $(this); // Предположу, что этот код выполняется в обработчике события 'submit' формы
            var data = new FormData();  // Для отправки файлов понадобится объект FormData. Подробнее про него можно прочитать в документации - https://developer.mozilla.org/en-US/docs/Web/API/FormData



            // Сбор данных из обычных полей
            form.find(':input[name]').not('[type="file"]').each(function() { 
                var field = $(this);
                data.append(field.attr('name'), field.val());
            });



            // Сбор данных о файле (будет немного отличаться для нескольких файлов)
            var filesField = form.find('input[type="file"]');
            var fileName = filesField.attr('name');
            var file = filesField.prop('files')[0];
            data.append(fileName, file) ;



            // Отправка данных
            var url = '/content/ajax/addotvet.php';

            $.ajax({
                url: url,
                type: 'POST',
                data: data,
                contentType: false,
                cache: false, 
                processData:false, 
                success: function(response) { //Данные отправлены успешно
                	result = $.parseJSON(response);
                	$('.commentlist').append(result.result_text);
                	
                	if(result.error) $('.error_otvet').html(result.error);
            	},
            	error: function(response) { // Данные не отправлены
                    $('.result_form').html('Ошибка. Данные не отправлены.');
            	}         
            });  
        });    
});

// Сбор данных о файле (будет немного отличаться для нескольких файлов)

// Сбор данных о файле (будет немного отличаться для нескольких файлов)
            var filesField = form.find('input[type="file"]');
            var fileName = filesField.attr('name');
            var file = filesField.prop('files')[0];
            data.append(fileName, file) ;

var filesField = form.find('input[type="file"]');
var fileName = filesField.attr('name');
for(var i = 0; i < filesField.prop('files').length; i++){
     var file = filesField.prop('files')[i];
     data.append(fileName, file) ;
}