PHP отправка файла не нажимая кнопку

Приветствую у меня есть вот такая загрузка:

<input type="file" id="userImg" accept=".png,.jpeg, .jpg" name="UserImage">
<button id="upload"></button>

Всё отлично работает, но сначала надо загрузить файл, а потом нажать кнопку.

Вот javascript:

$('#upload').on('click', function() {
    var file_data = $('#userImg').prop('files')[0];
    var form_data = new FormData();
    form_data.append('file', file_data);
    alert(form_data);
    $.ajax({
        url: 'upload.php',
        dataType: 'text',
        cache: false,
        contentType: false,
        processData: false,
        data: form_data,
        type: 'post',
        success: function(php_script_response){
            alert(php_script_response);
        }
     });
});

Я хочу сделать так, чтобы как-только загружался файл, сразу же отправлялось на сервер. Как мне это сделать. Пока что вижу только вариант использования callback


Ответы (0 шт):