35 lines
1.2 KiB
JavaScript
35 lines
1.2 KiB
JavaScript
$(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');
|
|
}
|
|
}
|
|
});
|
|
});
|
|
}); |