Bonjour à tous,

Etant débutant en Javascript, j'ai besoin de votre aide. Je vous expose mon problème :

Sur le site que je développe actuellement, afin de pouvoir mettre à jour les photos des articles, j'aimerai qu'en cliquant sur la photo à changer, je puisse avoir accès à l'upload d'une nouvelle photo.

Actuellement, j'affiche mes photos avec une balise
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<INPUT type="image" id="photo" src="photo.jpg" onclick='changeImage()' />

et ma fonction Javascript est :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function changeImage()
{
var fileInput = document.querySelector('#photo');
 
 
fileInput.addEventListener('change', function() {
        var xhr = new XMLHttpRequest();
 
        xhr.open('POST', 'UploadPict.php');
        xhr.addEventListener('load', function() {
        alert('Upload terminé !');
        });
 
        var form = new FormData();
        form.append('file', fileInput.files[0]);
        xhr.send(form);
});
}
Je vous remercie de votre aide car lors que je clique sur l'image, à part me réactualiser la page, je n'ai pas le résultat escompté.