Не загружается фото на сервер

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script>
(function($) {
// Глобальная переменная куда будут располагаться данные файлов. С ней будем работать
var files;
// Вешаем функцию на событие
// Получим данные файлов и добавим их в переменную
$('input[type=file]').change(function(){
    files = this.files;
});
// Вешаем функцию на событие click и отправляем AJAX запрос с данными файлов
$('.submit.button').click(function( event ){
    event.stopPropagation(); // Остановка происходящего
    event.preventDefault();  // Полная остановка происходящего
    // Содадим данные формы и добавим в них данные файлов из files
    var data = new FormData();
    $.each( files, function( key, value ){
        data.append( key, value );
    });
    $.ajax({
        url: 'downloadimg.php',
        type: 'POST',
        data: data,
        cache: false,
        dataType: 'json',
        processData: false, // Не обрабатываем файлы (Don't process the files)
        contentType: false, // Так jQuery скажет серверу что это строковой запрос
        success: function(data) {
            if(data == 'Готово') 
            {
                                alert('всё загрузилось');
                document.location.reload(true);
            }
            else {
                alert(data);
                 }
    },
    });
    
});
})(jQuery)
</script>