Affichage plusieurs images php et les faire défiler Résolu/Fermé

Question

Bonjour, 2 problèmes: Le premier c'est au niveau de l'affichage de plusieurs images se trouvant en mysql sur ma page php. Lorsque je soumets un formulaire avec une seule image, j'arrive à afficher cette dernière sur la page php, mais cela devient plus difficile lorsque dans le formulaire il y a plusieurs images. C'est à dire que lors de l'affichage sur la page php, uniquement une seule image apparait pour chaque formulaire soumis (contenant une photo) . Je souhaite donc que pour un formulaire contenant plusieurs images, celles-ci puissent s'afficher. Deuxièmement, je chercherai à les faire défiler, c'est à dire que lorsque je clique sur l'une des flèches droite ou gauche, je puisse voir les autres. Voci mon code: query('SELECT titre, photo, presentation FROM annonces ORDER BY id DESC'); if(isset($_GET['q']) AND !empty($_GET['q'])) { $q = htmlspecialchars($_GET['q']); $articles = $bdd->query('SELECT titre, photo, presentation FROM annonces WHERE titre LIKE "%'.$q.'%" ORDER BY id DESC'); } ?> Titre de la page

Toutes les annonces

rowCount() > 0) { ?>

fetch()) { echo('

' .$donnees['titre']. '
' .$donnees['presentation']. '

' ); }?>

Aucun résultat pour: ...

jordane45 · Answer

Bonjour,

Déjà... arrête de recréer des nouvelles discussions à chaque fois que tu veux reformuler !!
Il te suffit d"éditer ta quesiton initiale ou de répondre en commentaire si tu veux compléter ta question.

Ensuite..
Quand tu as plusieurs photos .. comment ça se présente dans ta bdd ?
Que contient, lorsque tu as plusieurs photos, la variable $donnees['photo']  ?

max30 · Answer

Bonjour jordane45 :),

En bdd il y a 9 données dans la table annonces: id, ville, titre, prix, presentation, photo, telephone, email, categorie.

Par exemple pour une annonce dans la catégorie bureaux, la donnée photo contient 5 images en mysql. Il y a donc 5 unités dans cette donnée 'photo' .
Les autres catégories(voitures, motos, etc...), j'ai mis une seule photo pour chaque catégorie quand je soumets le formulaire. Elles s'affichent donc sur la page php, alors que bureaux contenant 5 images, celles-ci ne s'affichent pas .

max30_3775 · Answer

Il n'y a pas eu de point virgule lors de l'insertion des données

Voici une illustration de la bdd




Et ici, ce qui s'affiche sur la page php

max30_3775 · Answer

Tu veux dire un caractère séparateur dans la page où il y a le formulaire? Si oui, l'ajouter où dans le code ci dessous?

<?php

$bdd= new PDO('mysql:host=127.0.0.1;dbname=espace_membre', 'root', '');

$photo1="";
$photo2="";
$photo3="";
$photo4="";
$photo5="";

if(isset($_POST['formannonce'])) {
    $phone= intval($_POST['phone']);
    $mail = htmlspecialchars($_POST['mail']);
    $categorie= ($_POST['categorie']);
    $villes= ($_POST['villes']);
    $titre = htmlspecialchars($_POST['titre']);
    $prix= intval($_POST['prix']); 
    $presentation= nl2br(htmlspecialchars($_POST['presentation']));

//Les photos
    $photo1= ($_FILES['img1']['name']);
    $photo_tmp1= ($_FILES['img1']['tmp_name']);
    $photo2= ($_FILES['img2']['name']);
    $photo_tmp2= ($_FILES['img2']['tmp_name']);
    $photo3= ($_FILES['img3']['name']);
    $photo_tmp3= ($_FILES['img3']['tmp_name']);
    $photo4= ($_FILES['img4']['name']);
    $photo_tmp4= ($_FILES['img4']['tmp_name']);
    $photo5= ($_FILES['img5']['name']);
    $photo_tmp5= ($_FILES['img5']['tmp_name']);
    $data[]= [];
    $data= [$photo1,$photo2,$photo3,$photo4,$photo5];
    $images= implode('', $data);
    $location= "pictures/";

move_uploaded_file($photo_tmp1,$location.$photo1);
    move_uploaded_file($photo_tmp2,$location.$photo2);
    move_uploaded_file($photo_tmp3,$location.$photo3);
    move_uploaded_file($photo_tmp4,$location.$photo4);
    move_uploaded_file($photo_tmp5,$location.$photo5);

$sql= "INSERT INTO annonces(categorie,ville,titre,presentation,prix,telephone,email,photo) VALUES('$categorie','$villes','$titre','$presentation','$prix','$phone','$mail','$images')";
  $datas= array($categorie, $villes, $titre, $phone, $mail, $prix, $presentation, $images);

//Execution de la requete
try{
    $requete = $bdd -> prepare($sql) ;
    $requete->execute($datas) ;
  }catch(Exception $e){
    // en cas d'erreur :
     echo " Erreur ! ".$e->getMessage();
     echo " Les datas : " ; 
    print_r($datas);
  }

}

?>

2ème point: si créer une nouvelle table image_ptoducts, alors dans le code du formulaire, on va donc faire 2 requete, c'est à dire une avec insert in annonces (ville, categorie...) et l'autre insert in image_products?
Et par la suite on SELECT les 2 dans la page où l'on souhaite afficher les images? Dans ce cas comment lier les 2 tables entre elles?

max30_3775 · Answer

Bonjour Jordane, j'ai fait comme tu as dit. J'ai créé une autre table image_products avec les champs (idfirst, id_product, filename_product), ou j'ai lié id_product à id de la table annonces. Pour être plus simple, voir les photos.









Concernant le formulaire, tu peux voir dans le code que la variable $images a été associée à images_products (je n'ai donc pas ajoutée $images à la table annonces). Mais quand je remplis le formulaire, c'est le message d'erreur suivant qui apparait: "Notice: Trying to get property of non-object in..."
Il s'agit donc de cette ligne: $idproduct= $sql->insert_id;.

Voici le code entier pour les 2 requêtes:

<?php

$bdd= new PDO('mysql:host=127.0.0.1;dbname=espace_membre', 'root', '');

$photo1="";
$photo2="";
$photo3="";
$photo4="";
$photo5="";

if(isset($_POST['formannonce'])) {
    $phone= intval($_POST['phone']);
    $mail = htmlspecialchars($_POST['mail']);
    $categorie= ($_POST['categorie']);
    $villes= ($_POST['villes']);
    $titre = htmlspecialchars($_POST['titre']);
    $nompseudo = htmlspecialchars($_POST['nompseudo']);
    $prix= intval($_POST['prix']); 
    $presentation= nl2br(htmlspecialchars($_POST['presentation']));

//Les photos
    $photo1= ($_FILES['img1']['name']);
    $photo_tmp1= ($_FILES['img1']['tmp_name']);
    $photo2= ($_FILES['img2']['name']);
    $photo_tmp2= ($_FILES['img2']['tmp_name']);
    $photo3= ($_FILES['img3']['name']);
    $photo_tmp3= ($_FILES['img3']['tmp_name']);
    $photo4= ($_FILES['img4']['name']);
    $photo_tmp4= ($_FILES['img4']['tmp_name']);
    $photo5= ($_FILES['img5']['name']);
    $photo_tmp5= ($_FILES['img5']['tmp_name']);
    $data[]= [];
    $data= [$photo1,$photo2,$photo3,$photo4,$photo5];
    $images= implode('', $data);
    $location= "pictures/";

move_uploaded_file($photo_tmp1,$location.$photo1);
    move_uploaded_file($photo_tmp2,$location.$photo2);
    move_uploaded_file($photo_tmp3,$location.$photo3);
    move_uploaded_file($photo_tmp4,$location.$photo4);
    move_uploaded_file($photo_tmp5,$location.$photo5);

$sql= "INSERT INTO annonces(nompseudo,categorie,ville,titre,presentation,prix,telephone,email) VALUES(?,?,?,?,?,?,?,?)";
  $datas= array($nompseudo,$categorie, $villes, $titre, $presentation, $prix, $phone, $mail);

//requete pour la table image_product
$idproduct= $sql->insert_id;

$int= "INSERT INTO image_products(id_product, filename_product) VALUES(?,?)";
$datas2= array($idproduct, $images);

//Execution de la requete
try{ //requete pour la première tabels
    $requete = $bdd -> prepare($sql) ;
    $requete->execute($datas) ;

//Execution pour la deuxième table
    $requete2 = $bdd -> prepare($int) ;
    $requete2->execute($datas2) ;

}catch(Exception $e){
    // en cas d'erreur :
     echo " Erreur ! ".$e->getMessage();
     echo " Les datas : " ; 
    print_r($datas);
  }

}

?>

max30_3775 · Answer

J'ai mis ça e j'obtiens: " Undefined variable: idproduct in "  et  " Fatal error: Uncaught Error: Call to undefined method PDOStatement::LastInsertId() in."


Elle est où l'erreur dans le code ci-dessous?

$sql= "INSERT INTO annonces(nompseudo,categorie,ville,titre,presentation,prix,telephone,email) VALUES(?,?,?,?,?,?,?,?)";
  $datas= array($nompseudo,$categorie, $villes, $titre, $presentation, $prix, $phone, $mail);

//requete pour la table image_product

$int= "INSERT INTO image_products(filename_product) VALUES(?)";
$datas2= array($idproduct, $images);

//Execution de la requete
try{ //requete pour la première tabels
    $requete = $bdd -> prepare($sql) ;
    $requete->execute($datas) ;
    $requete->LastInsertId();

//Execution pour la deuxième table
    $requete2 = $bdd -> prepare($int) ;
    $requete2->execute($datas2) ;

}catch(Exception $e){
    // en cas d'erreur :
     echo " Erreur ! ".$e->getMessage();
     echo " Les datas : " ; 
    print_r($datas);
  }

}

max30_3775 · Answer

On y est presque. La première erreur ne s'affiche plus. Uniquement la deuxième erreur s'affiche: << Fatal error: Uncaught Error: Call to undefined method PDOStatement::LastInsertId() in C:\wamp64\www\Projetsite\formannonce.php on line 49 ( ! ) Error: Call to undefined method PDOStatement::LastInsertId() in C:\wamp64\www\Projetsite\formannonce.php on line 49>> Le code est dans la ligne $id_product = $requete->LastInsertId();

max30_3775 · Answer

J'ai corrigé l'erreur, mais rien n'apparait sur la base de données quand on soumet le formulaire. Pourquoi?
Voici la correction, je pense:  
 
$idproduct = $bdd->LastInsertId();
 au lieu

max30_3775 · Answer

Bonjour Jordane, donc si j'ai bien compris, je vais dans ma table image_products j'ajoute un champ pour chaque photo telle que définie dans le code ci dessous, c'est à dire photo1, photo2 ...photo5.  Ainsi à chaque photo j'associe une variable ($photo1, $photo2... $photo5). Mais dans ce cas, inutile de conserver le champ filename_product, pour autant que le nom du fichier concerné sera affiché dans le champ lui étant attribué, i.e. photo1, ou photo2 ou .... photo5. C'est ce que tu veux dire précisément? 

 //Les photos
    $photo1= ($_FILES['img1']['name']);
    $photo_tmp1= ($_FILES['img1']['tmp_name']);
    $photo2= ($_FILES['img2']['name']);
    $photo_tmp2= ($_FILES['img2']['tmp_name']);
    $photo3= ($_FILES['img3']['name']);
    $photo_tmp3= ($_FILES['img3']['tmp_name']);
    $photo4= ($_FILES['img4']['name']);
    $photo_tmp4= ($_FILES['img4']['tmp_name']);
    $photo5= ($_FILES['img5']['name']);
    $photo_tmp5= ($_FILES['img5']['tmp_name']);
    $data[]= [];
    $data= [$photo1,$photo2,$photo3,$photo4,$photo5];
    $images= implode('', $data);
    $location= "pictures/";

move_uploaded_file($photo_tmp1,$location.$photo1);
    move_uploaded_file($photo_tmp2,$location.$photo2);
    move_uploaded_file($photo_tmp3,$location.$photo3);
    move_uploaded_file($photo_tmp4,$location.$photo4);
    move_uploaded_file($photo_tmp5,$location.$photo5);

jordane45 · Answer

<?php

/**
Fonction qui fera la moveuplad + l'appel à la fonction d'insert en bdd
*/
function savePhoto($id_product,$file,$location='/'){
  
  if(empty($file)){
    return false; //pas d'image
  }
  $photo = $file['name'];
  $photo_tmp = $file['tmp_name'];
  if(move_uploaded_file($photo_tmp,$location.$photo)){
     return insertPhoto($id_product,$location.$photo); // tu peux retirer le location si tu ne veux que le nom de l'image et pas son chemin complet
  }else{
    echo "Erreur lors de l'upload ";
  }  
}

/**
* Insert du chemin de l'image en bdd
*/
function insertPhoto($id_product,$photo){
  
  global $bdd;
  $sql= "INSERT INTO image_products(id_product,filename_product) VALUES(?,?)";
  $datas= array($id_product, $photo);
   //Execution de la requete
  try{
  //Execution pour la deuxième table
    $requete2 = $bdd -> prepare($sql) ;
    return $requete2->execute($datas) ;
  }catch(Exception $e){
      // en cas d'erreur :
      echo " Erreur ! ".$e->getMessage();
      echo " Les datas : " ; 
      print_r($datas);
  }
    
}


et dans ton code ensuite

// on récupère proprement les variables avant de les utiliser
$img1 = !empty($_FILE['img1']) ? $_FILE['img1'] : NULL;
$img2 = !empty($_FILE['img2']) ? $_FILE['img2'] : NULL;
$img3 = !empty($_FILE['img3']) ? $_FILE['img3'] : NULL;
$img4 = !empty($_FILE['img4']) ? $_FILE['img4'] : NULL;
$img5 = !empty($_FILE['img5']) ? $_FILE['img5'] : NULL;

// on utilise nos fonctions .. ( appel à faire APRES avoir insert le PRODUIT dans la bdd pour pouvoir utiliser son ID  bien entendu...
savePhoto($id_product,$img1,$location);
savePhoto($id_product,$img2,$location);
savePhoto($id_product,$img3,$location);
savePhoto($id_product,$img4,$location);
savePhoto($id_product,$img5,$location);

max30_3775 · Answer

J'ai bricolé partout et ça marche toujours pas ???? ????. La table annonces est remplie mais pas image_products ???????????????? Ni dans le dossier pictures les images n'apparaissent pas.

<?php

$bdd= new PDO('mysql:host=127.0.0.1;dbname=espace_membre', 'root', '');

if(isset($_POST['formannonce'])) {
    $phone= intval($_POST['phone']);
    $mail = htmlspecialchars($_POST['mail']);
    $categorie= ($_POST['categorie']);
    $villes= ($_POST['villes']);
    $titre = htmlspecialchars($_POST['titre']);
    $nompseudo = htmlspecialchars($_POST['nompseudo']);
    $prix= intval($_POST['prix']); 
    $presentation= nl2br(htmlspecialchars($_POST['presentation']));

$location= "pictures/";
    $img1 = !empty($_FILE['img1']) ? $_FILE['img1'] : NULL;
    $img2 = !empty($_FILE['img2']) ? $_FILE['img2'] : NULL;
    $img3 = !empty($_FILE['img3']) ? $_FILE['img3'] : NULL;
    $img4 = !empty($_FILE['img4']) ? $_FILE['img4'] : NULL;
    $img5 = !empty($_FILE['img5']) ? $_FILE['img5'] : NULL;

$sql= "INSERT INTO annonces(nompseudo,categorie,ville,titre,presentation,prix,telephone,email) VALUES(?,?,?,?,?,?,?,?)";
$datas= array($nompseudo,$categorie, $villes, $titre, $presentation, $prix, $phone, $mail);
//Execution de la requete
try{ //requete pour la première tabels
  $requete = $bdd->prepare($sql) ;
  $requete->execute($datas) ;
  $id_product = $bdd->LastInsertId();

}catch(Exception $e){
  // en cas d'erreur :
  echo " Erreur ! ".$e->getMessage();
  echo " Les datas : " ; 
  print_r($datas);
}

savePhoto($id_product,$img1,$location);
savePhoto($id_product,$img2,$location);
savePhoto($id_product,$img3,$location);
savePhoto($id_product,$img4,$location);
savePhoto($id_product,$img5,$location);

}

?>

max30_3775 · Answer

Bonjour Jordane, aucune image ne s'ajoute ni dans la table ni dans le dossier pictures, ne serait-ce qu'une.

max30_3775 · Answer

Lors de la soumission du formulaire, avec les photos, des erreurs apparaissent:
Erreur ! SQLSTATE[HY000]: General error: 1364 Field 'idfirst' doesn't have a default value Les datas : Array ( [0] => 46 [1] => pictures/Sklearn23-6.png. 

En modifiant sql mode se trouvant dans ==> Paramètres ==>Variables, d'autres erreurs s'affichent également lors de la soumission du formulaire

max30_3775 · Answer

Je pensais qu'il fallait mettre un idfirst auto-incrémenté à cette nouvelle table qui a été créée, c'est à dire image_products. Cet id vient d'être enlevé ,  et donc le formulaire marche correctement, avec les champs id_product et filename_product dans la table.

Merci à toi également pour ta patience. Je comprends que ce n'est pas facile lorsqu'on a un code en face de soi qu'on n'a pas écrit et qu'on essaie de trouver ce grain de sable qui bloque tout.

Et je continuerai plutôt à visiter CCM pour les raisons que voici: tant qu'il y aura des développeurs patients comme toi prêts à expliquer les choses aux débutants comme moi, et également pour la  richesse de ressources se trouvant dans le site.


Bien à toi SuperJordane :)

Affichage plusieurs images php et les faire défiler

14 réponses

Discussions similaires