Bonjour j'aimerais charger des images au fur et à mesure en cliquant sur le bouton charger à chaque fois :

<form method="post" action='action.php' class="form01 type02" enctype="multipart/form-data">
		
 
 
<div class="photo01">
		<input name="fichier" id="input_fichier" size="10" type="file">
 
		<input type="text" name="titre" id="input_text01" size="15" />
 
			<div class="bouton01">
					<a href="#"><img src="images/charger_01.gif"  onmouseover="this.src = 'images/charger_02.gif';" onmouseout="this.src = 'images/charger_01.gif';"></a>
				</div>
				
				<div class="bouton02">
					<a href="#"><img src="images/supprimer_01.gif"  onmouseover="this.src = 'images/supprimer_02.gif';" onmouseout="this.src = 'images/supprimer_01.gif';"></a>
			</div>
		<input type="checkbox" id="checkbox_img" name="select_img" value="1">
 
</div>
 
<div class="photo01">
		<input name="fichier" id="input_fichier" size="10" type="file">
 
		<input type="text" name="titre" id="input_text01" size="15" />
 
			<div class="bouton01">
					<a href="#"><img src="images/charger_01.gif"  onmouseover="this.src = 'images/charger_02.gif';" onmouseout="this.src = 'images/charger_01.gif';"></a>
				</div>
				
				<div class="bouton02">
					<a href="#"><img src="images/supprimer_01.gif"  onmouseover="this.src = 'images/supprimer_02.gif';" onmouseout="this.src = 'images/supprimer_01.gif';"></a>
			</div>
		<input type="checkbox" id="checkbox_img" name="select_img" value="1">
 
</div>
 
 
		<div id="piedForm">
			<input type="submit" value="Envoyer ces informations" />
		</div>
</form>
 
 

Avec un tel formulaire, je charge toutes les images en une seule fois, en cliquant sur le bouton "Envoyer ces informations".

Mais, moi j'aimerais charger les images une par une en cliquant sur le bouton "images/charger_01.gif".

Pouvez-vous m'aider à transformer ce formulaire ?

Merci d'avance pour votre aide.