Module de recherche avec PHP MYSQL pour image

**frederic ck** · 26/02/2016, 08h41

Bonjour ,

j'ai besoin d'aide pour faire un module de recherche sur base de donnée qui a pour effectif d'afficher des images qui sont stocker dans des champs

j'ai réussi avec un tutoriel à envoyer des images sur la base et à les affiché sur mon site qui prend toutes les image de la base

je voudrait maintenant au lieu d'afficher toute ces images en séléctionner quelque unes par rapport aux champs nom
je suis un peu perdu

voici le code que j'ai déjà

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
	<h1>Ma galerie d'images</h1>
 
	<?php
	    try {
		$bdd = new PDO('mysql:host=localhost;dbname=image', 'root', '');
               } catch (Exception $e) {
		exit('Erreur : ' . $e->getMessage());
	    }
 
	    $reponse = $bdd->query('SELECT id_img, nom, description FROM images');
 
	    while($result = $reponse->fetch()) 
 
        {
 
 
		echo '<div>';
		echo '<a href="apercu.php?id_img='.$result['id_img'].'"><img src="apercu.php?id_img='.$result['id_img'].'" alt="'.$result['nom'].'" title="'.$result['nom'].'" /></a>';
		echo '<p>Description : '.$result["description"].'</p>';
		echo '</div>';
	    }
 
	    $reponse->closeCursor();
	?>

Mon module de recherche non codé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
         <p>
			<input id="rechDsPg" type="text" value="recherche :" name="rechDsPg" />
			<input type="button" onclick="trouverMots(document.getElementById('rechDsPg').value);" value="OK">
		</p>

et un apercu des images quand on clique dessus

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<?php
    //si nous avons une image
    if(!empty($_GET['id_img'])) {
 
	//connexion à la base de données
	try {
		$bdd = new PDO('mysql:host=localhost;dbname=image', 'root', '');
	} catch (Exception $e) {
		exit('Erreur : ' . $e->getMessage());
	}
 
	//on sécurise notre donnée
	$idImg = intval($_GET['id_img']);
 
	//la requète qui récupère l'image à partir de l'identifiant
	$req = $bdd->prepare('SELECT extension, img FROM images WHERE id_img = ?');
	$req->execute(array($idImg));		
 
 
 
 
	if($req->rowCount() != 1)
		echo 'L\'image n\'existe pas !';
	else {
		//on stocke les données dans un tableau
		$donnees = $req->fetch();		
		//on indique qu'on affiche une image
		header ("Content-type: ".$donnees['extension']);
		//on affiche l'image en elle même
		echo $donnees['img'];
	}
 
	$req->closeCursor();
 
    } else
           echo 'Vous n avez pas sélectionné d image !';
?>

**sabotage** · 26/02/2016, 09h22

Tu as écris quelque part la requête de recherche ?

Si tu t'orientes vers un traitement Javascript avec cette fonction trouverMots() plutôt qu'utiliser un formulaire HTML, alors ta question est pour Ajax/Javascript.

**frederic ck** · 26/02/2016, 09h26

je ne veut pas m'orienter javascript

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<form action ="search.php" method="post">
	<span>Recherche par nom :</span> 
	<input type="text" id="search" name="search"/>
	<input type="submit" value="Envoyer">
	<input type="reset" value="Annuler">
</form>

j'ai commencé mais je suis pas sur

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<?php
header('Content-Type: text/html; charset=UTF-8');
 
// connexion bdd    
$BDD_hote = 'localhost';
$BDD_bd = 'images';
$BDD_utilisateur = 'root';
$BDD_mot_passe = '';
 
if(isset($_POST['search'])) {
 
$chainesearch = addslashes($_POST['search']);  
 
echo 'Vous avez recherché : ' . $chainesearch . '<br />';      
 
	try{
		$bdd = new PDO('mysql:host='.$BDD_hote.';dbname='.$BDD_bd, $BDD_utilisateur, $BDD_mot_passe);
		$bdd->exec("SET CHARACTER SET utf8");
		$bdd->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_WARNING);
	}
		catch(PDOException $e){
		echo 'Erreur : '.$e->getMessage();
		echo 'N° : '.$e->getCode();
	}      
 
	$requete = "SELECT * from images WHERE description  LIKE '". $chainesearch 
	."%' OR description LIKE '". $chainesearch 
 
    // Exécution de la requête SQL
    $resultat = $bdd->query($requete) or die(print_r($bdd->errorInfo()));
    echo 'Les résultats de recherche sont : <br />';     
    while($donnees = $resultat->fetch(PDO::FETCH_ASSOC)) {       
	echo $donnees['img'] .'<br />';
	}
 
}
 
?>

**sabotage** · 26/02/2016, 10h31

addslashes() n'a rien à faire ici, il faut faire une requête préparée comme tu as déjà fait dans le code pour l'aperçu.
egalement ne repête pas ton code de connexion partout, fait un fichier séparé que tu inclueras là ou tu en as besoin.

**frederic ck** · 26/02/2016, 10h50

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
if(isset($_POST['search'])) {
 
	//connexion à la base de données
	try {
		$bdd = new PDO('mysql:host=localhost;dbname=image', 'root', '');
	} catch (Exception $e) {
		exit('Erreur : ' . $e->getMessage());
	}
 
 
//si nous avons une image
    if(!empty($_GET['description'])) {
 
	//on sécurise notre donnée
	$idImg = intval($_GET['description']);
 
	//la requète qui récupère l'image à partir de l'identifiant
	$req = $bdd->prepare('SELECT extension, img FROM images WHERE id_img = ?');
	$req->execute(array($idImg));		
 
 
	if($req->rowCount() != 1)
		echo 'L\'image n\'existe pas !';
	else {
		//on stocke les données dans un tableau
		$donnees = $req->fetch();		
		//on indique qu'on affiche une image
		header ("Content-type: ".$donnees['extension']);
		//on affiche l'image en elle même
		echo $donnees['img'];
	}
 
 
	$req->closeCursor();
} 
else
           echo 'Vous n avez pas sélectionné d image !';
}
?>

suis-je dans la bonne voie ?

**sabotage** · 26/02/2016, 10h53

Sauf que c'est pas $_GET['description']

**frederic ck** · 26/02/2016, 10h59

je voudrai faire sa apres la connexion à la base de donnée

si le resulat de la requete de recherche = description d une image alors
on recupere l image ou tout les image portant la description est on l affiche

tu n'aurai pas des aide pour que je comprenne bien ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<?php
 
if(isset($_POST['search']) && $_POST['search'] != NULL) // on vérifie d'abord l'existence du POST et aussi si la requete n'est pas vide.
{
    //connexion à la base de données
	try {
		$bdd = new PDO('mysql:host=localhost;dbname=image', 'root', '');
	} catch (Exception $e) {
		exit('Erreur : ' . $e->getMessage());
	}
 
      $requete = htmlspecialchars($_POST['search']);
 
//si nous avons une image
    if(!empty($_GET['img_id'])) {
 
	//on sécurise notre donnée
	$idImg = intval($_GET['description']);
 
	//la requète qui récupère l'image à partir de l'identifiant
	$req = $bdd->prepare('SELECT extension, img FROM images WHERE id_img = ?');
	$req->execute(array($idImg));		
 
 
	if($req->rowCount() != 1)
		echo 'L\'image n\'existe pas !';
	else {
		//on stocke les données dans un tableau
		$donnees = $req->fetch();		
		//on indique qu'on affiche une image
		header ("Content-type: ".$donnees['extension']);
		//on affiche l'image en elle même
		echo $donnees['img'];
	}
 
 
	$req->closeCursor();
} 
 
}    
else
           echo 'Vous n avez pas sélectionné d image !';
 
?>

Voici la structure de ma table image dans la BDD

Nom : Capture1.PNG
Affichages : 229
Taille : 30,1 Ko

**frederic ck** · 26/02/2016, 18h18

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<?php
 
    if(isset($_POST["search"]))
    {
        try
        {
         $bdd = new PDO('mysql:host=localhost;dbname=image', 'root', '');
        }
         catch(Exception $e)
        {
            die('Erreur : '.$e->getMessage());
        }
 
        $req = $bdd->prepare("extension, img FROM images 
		WHERE id_img LIKE '%".$_POST['search']."%'");
 
 
    if 
    {
 
 
        $donnees = $req->fetch();	
        header ("Content-type: ".$donnees['extension']);
		//on affiche l'image en elle même
		echo $donnees['img'];
 
 
       }
            echo 'L\'image n\'existe pas !';
 
 
    }
 
?>

quand j'appuie sur le bouton envoyer rien ne se passe
suis-je dans la bonne voie ?

**Celira** · 01/03/2016, 14h51

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 if 
    {

if ? if quoi ?

**frederic ck** · 01/03/2016, 17h59

j'ai essayer autrement on va dire

Voici ce que j'ai fait

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<?php
 
if(isset($_POST['search']) && $_POST['search'] != NULL)
{
 
        //connexion à la base de données
        try {
            $bdd = new PDO('mysql:host=localhost;dbname=image', 'root', '');
        } catch (Exception $e) {
            exit('Erreur : ' . $e->getMessage());
        }
 
     $requete = htmlspecialchars($_POST['search']);
        $req = $bdd->prepare("SELECT * FROM images WHERE description LIKE :requete"); 
    $req->execute(array('requete' => $requete . '%'));
 
        $nb_resultats = $req->rowCount(); 
        if($nb_resultats != 0)
        { 
 
        echo "<h3>Résultats de votre recherche.</h3>";
    echo"<p>Nous avons trouvé <?php echo $nb_resultats";
        //on stocke les données dans un tableau
		$donnees = $req->fetch();		
		//on indique qu'on affiche une image
		header ("Content-type: ".$donnees['extension']);
		//on affiche l'image en elle même
		echo $donnees['img'];
 
        }
        else
        {
 
            echo"pas de recherche ";
 
        }
 
 
}
 
 
 
?>

pas d'erreur mais quand j'appuie j'ai un tout petit carré qui ss'affiche en haut a gauche de ma page

comme ceci

Nom : Capture3.PNG
Affichages : 224
Taille : 17,8 Ko

Nom : Capture3.PNG
Affichages : 224
Taille : 17,8 Ko

**sabotage** · 01/03/2016, 20h19

Tu ne peux pas avoir deux contenus (une page HTML et un document image) dans le même envoi.
Ce point est représenté par le fait que tu définisses un nouveau content-type est plein milieu de ton traitement.

Fais une page séparée qui affiche les images à partir d'un id

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
   $req = $bdd->prepare("SELECT extension, image FROM images WHERE id = :id"); 
    $req->execute(array(':id' => $_GET['id']));
......

Ta page de recherche va passer les id correspondant aux résultat (le htmlspecialchars n'a rien à faire là) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
        $req = $bdd->prepare("SELECT id FROM images WHERE description LIKE :requete"); 
    $req->execute(array(':requete' => $_POST['search']. '%'));
 
        $nb_resultats = $req->rowCount(); 
        if($nb_resultats != 0)
        { 
 
        echo "<h3>Résultats de votre recherche.</h3>";
    echo"<p>Nous avons trouvé <?php echo $nb_resultats";
        //on stocke les données dans un tableau
while ($donnees = $req->fetch()) {
   echo '<img src="autrefichier.php?id=' . $donnees['id'] . '"/>';
}

**frederic ck** · 02/03/2016, 18h04

Un peut comme j'avais fait avec l'apercu et la galerie ?

**frederic ck** · 06/03/2016, 15h03

Je suis un peu perdu la , avec tout les test que j'ai pu mettre ici je me perds
serait 'il possible d'avoir un structuration de ce que j'ai déja fait afin que j'arrive à faire ce module de recherche
je repart de zero avec une page galerie qui est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?php
	    try {
		$bdd = new PDO('mysql:host=localhost;dbname=image', 'root', '');
               } catch (Exception $e) {
		exit('Erreur : ' . $e->getMessage());
	    }
 
	    $reponse = $bdd->query('SELECT id_img, nom, description FROM images');
 
	    while($result = $reponse->fetch()) 
 
        {
 
 
		echo '<div>';
		echo '<a href="apercu.php?id_img='.$result['id_img'].'"><img src="apercu.php?id_img='.$result['id_img'].'" alt="'.$result['nom'].'" title="'.$result['nom'].'" /></a>';
		echo '</div>';
	    }
 
	    $reponse->closeCursor();
	?>

et une page apercu qui affiche tout les images qui sont dans la base

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<?php
    //si nous avons une image
    if(!empty($_GET['id_img'])) {
 
	//connexion à la base de données
	try {
		$bdd = new PDO('mysql:host=localhost;dbname=image', 'root', '');
	} catch (Exception $e) {
		exit('Erreur : ' . $e->getMessage());
	}
 
	//on sécurise notre donnée
	$idImg = intval($_GET['id_img']);
 
	//la requète qui récupère l'image à partir de l'identifiant
	$req = $bdd->prepare('SELECT extension, img FROM images WHERE id_img ');
	$req->execute(array($idImg));		
 
 
	if($req->rowCount() != 1)
		echo 'L\'image n\'existe pas !';
	else {
		//on stocke les données dans un tableau
		$donnees = $req->fetch();		
		//on indique qu'on affiche une image
		header ("Content-type: ".$donnees['extension']);
		//on affiche l'image en elle même
		echo $donnees['img'];
	}
 
	$req->closeCursor();
 
    } else
           echo 'Vous n avez pas sélectionné d image !';
?>

avec pour commencez un module de recherche qui est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div id="recherche">
 
 
    <form method="post" action="recherche1.php">
    Recherche :<input type="text" name="search"/>
        <input type="submit" value="cherche"/>
 
    </form>
 
 
</div>
 
<br/>
 
 if(isset($_POST['search']) && $_POST['search'] != NULL)
{
}

**frederic ck** · 10/03/2016, 14h20

Voici ce que j'ai fait

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<?php
try
{
$db = new PDO('mysql:host=localhost;dbname=image', 'root', ''); 
}
catch(Exception $e)
{
	die('erreur:'.$e->getMessage());
}
if(!empty($_GET['search']))
{
$sth=$db->prepare("SELECT extension, img FROM images WHERE id_img like :search"); 
$sth->execute(array(':search'=>'%' . $_GET['search'] . '%'));
$result = $sth->fetchAll();
if(!empty($result))
   {
 echo '<h3>Résultats de la recherche :</h3>';
 foreach($result as $row)
       {
	         ?>
	         <p>
	         <img src="<?php echo $row['img']; ?>" alt="image"/>
	         </p>
    <?php 
 
		//on indique qu'on affiche une image
		header ("Content-type: ".$row['extension']);
		//on affiche l'image en elle même
		echo $row['img'];
 
 
        }
    }
 
else       
 { echo 'Aucun résultat disponible';}
}
$db = null;
?>

résultat

j'ai plein de caractères qui s'affiche

quand je remplace id_img par nom , j'ai le petit carré blanc qui s'affiche en haut a gauche de l'écran

je dois pas en être très loin et je n'arrive pas a savoir ou sa coince

**sabotage** · 10/03/2016, 22h37

Comme je t'ai déjà dit, tu ne peux pas avoir en même temps le flux de l'image et ta page HTML.
Et je te l'ai dit aussi ton content-type ne peut pas changer en plein milieu de la page.

Il faut un code séparé pour produire l'image ; d'ailleurs ce fichiertu l'as déjà, c'est ton fichier apercu : il recoit l'id d'une image, interroge la base et fourni le contenu.
On dirait par contre que tu l'as trifouillé puisque le WHERE dans la requête a été tronqué.

Module de recherche avec PHP MYSQL pour image

PHP & Base de données

Discussions similaires

Partager

Partager