$(document).ready(function () {
    var nom_connecte = $("#nom_connecte").text();
    document.querySelector('#avatar').addEventListener('change', function() {
       //alert('ok');
       // alert(this.files[0].name);

    });
    $('#avatar').change(function(){
        var fda = new FormData();
        //var input = $('#avatar').files[0];
        //var file = $('#avatar').files[0].name;
        //alert(file);

        let files_avatar = $('#avatar')[0].files[0];
        fda.append('avatar',files_avatar);
        fda.append('nom_user',nom_connecte);
        // requête AJAX pour copier la photo et l'afficher
        $.ajax({
            url: '/models/upload_avatar.php',
            type: 'post',
            data: fda,
            contentType: false,
            processData: false,
            success: function(response){
                if(response != 0){
                    // Show image preview
                    $('#avatar_preview').html('');
                    $('#avatar_preview').append("<img src='"+response+"' width='140' height='140' style='display: inline-block;'>");
                } else {
                    alert('L\'image n\'a pu être uploadée');
                }
            }
        });
    });
});