Besoin d'aide sur les formulaires d'images

tchimoulihno -  
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour, je me nomme Koffi Tchimou Joel et je suis étudiant en Informatique Developpeur d'Application et je suis confronté à un problème et je voulais que quelqu'un m'aide. voilà
j'ai crée un formulaire <input type=file> et un autre pour image <input type=image>
je voudrais faire de telle sorte que lorsque je clic sur le bouton <input type=file> et que je selectionne une image , je puisse l'afficher dans le formulaire d'image <input type=image>
Est ce que quelqu'un peut m'aider? si oui j'attend impatiament vos reponses.

1 réponse

avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 510
 
Les <input type="image" /> servent à faire un bouton submit avec une image ...
Il faudra stocker l'image sur le serveur.
Lis [ce tutoriel].

Si tu veux un exemple (n'oublie pas de créer le dossier « images » et de modifier le chmod) :
<?php

/* Si le formulaire est soumis */
if(isset($_FILES['image'])) {
	$image = $_FILES['image'];
	
	$nbErreurs = 0;
	$msgErreurs = '';
	
	if($image['error'] != 0) {
		$nbErreurs++;
		$msgErreurs .= 'L\'image n\'a pas été envoyée.<br/>';
	} else {
		if(!preg_match('#^image/#i',$image['type'])) {
			$nbErreurs++;
			$msgErreurs .= 'Le fichier envoyé n\'est pas une image.<br/>';
		}
	}
	
	// S'il y a une erreur
	if($nbErreurs > 0) {
		echo '<div style="border:solid 1px red; color:red; padding:10px; width:400px;">'
		 . 'Il y a '.$nbErreurs.' erreur(s) :<br/>'
		 . $msgErreurs
		 . '</div>';
	} else {
		/* S'il n'y a pas d'erreur */

		$extension = pathinfo($image['name']);
		$extension = $extension['extension'];
		$nom_image = uniqid().'.'.$extension;
		move_uploaded_file($image['tmp_name'], 'images/'.$nom_image);
		echo '<p><input type="image" src="images/'.$nom_image.'" /></p>';
		
	}
} else {
	echo '<form method="post" action="" enctype="multipart/form-data">
	<p>
		<label for="image">Image :</label>
		<input type="file" name="image" id="image" />
	</p>
	<p>
		<input type="submit" value="Ajouter" />
	</p>
</form>';
}
?>
0