Besoin d'aide sur les formulaires d'images

tchimoulihno -  
avion-f16 Messages postés 19182 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

  1. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    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