Как сделать мгновенное изменение изображения?
Вызывать отправку формы после выбора файла<form id="uploadForm" method="post" enctype="multipart/form-data">
   <input type="file" id="userPhotoInput" name="files[]">
</form><script type="text/javascript">
$(document).ready(function() {
    $('#userPhotoInput').on('change', function() { this.form.submit(); });
});
</script>
Если вы хотите что-то делать при изменении значения инпута, то и нужно слушать его события - вот так:var uploadForm = $('#uploadForm');

$('#userPhotoInput').on('change', function () {
    uploadForm.submit();
});