Bonsoir tout le monde,
je suis débutant en programmation avec jquery et ajax. Je souhaite réaliser un chargement et affichage immédiatement: de cinq photos sans rafraichir la page.
actuellement, ce que j'ai pu faire c'est le chargement et l'affichage d'une seule photo même si je choisis plusieurs images c'est la première qui est toujours choisie. choisi.
voici mon code:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
/* The uploader form */
$(function (){
	$(":file").change(function (){
		if (this.files && this.files[0]){
			var reader = new FileReader();
			reader.onload = imageIsLoaded;
			reader.readAsDataURL(this.files[0]);
		}
	});
});
function imageIsLoaded(e){
	$('#photo').attr('src', e.target.result);
};
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
<input type='file' name='photos[5]' multiple='true'/>
</br>
<img id="photo" src="#" alt="your picture" >