upload fichier avec javascript
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:
<INPUT type="image" id="photo" src="photo.jpg" onclick='changeImage()' />
et ma fonction Javascript est :
Code:
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é.
