Afficher image de la base de données php

Résolu/Fermé

miichel999

Messages postés: 20
Date d'inscription: mercredi 18 mai 2016
Statut: Membre
Dernière intervention: 23 mai 2016

- Modifié par jordane45 le 19/05/2016 à 01:34
miichel999

Messages postés: 20
Date d'inscription: mercredi 18 mai 2016
Statut: Membre
Dernière intervention: 23 mai 2016

- 23 mai 2016 à 02:58

Salut,
Comment afficher une image de base de donnée de type longblob,
j'ai essayé ce code mais l'image ne s'affiche pas
Merci d'avance si vous trouvez la solution!

la base est :

CREATE TABLE IF NOT EXISTS `produits` (
  `id` int(30) NOT NULL AUTO_INCREMENT,
  `Nom_de_produit` varchar(50) NOT NULL,
  `img` longblob NOT NULL,
  `description` text NOT NULL,
  `prix` int(11) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=27 ;

interface affichage est :

<?php
// Sous WAMP (Windows)
$bdd = new PDO('mysql:host=localhost;dbname=base_phoenixkids;charset=utf8', 'root', '');


$reponse = $bdd->query('SELECT * FROM produits');

// On affiche chaque entrée une à une
while ($produits = $reponse->fetch())
{
?>
    <table>
  <th><img width="200px" height="200px" src="<?php echo $produits['img'];?>"/></th> 
  <th style="color:#0404B4"><?php echo $produits['prix']; ?>  Dinars</th>
    <th ><span style="color:orange"><?php echo $produits['Nom_de_produit']; ?></span></br>
    
    <?php echo $produits['description']; ?></th>
 
   </table>
<?php
}

$reponse->closeCursor(); // Termine le traitement de la requête

?>

EDIT : Ajout des BALISES DE CODE (jordane)

A voir également:

Afficher une image en php à partir d'une base de données
Afficher une image de la base de données en php - Meilleures réponses
Afficher image php - Meilleures réponses
Afficher image de la base de données php ✓ - Forum - PHP
Afficher sur une page html une image stockée dans une bdd ✓ - Forum - PHP
Afficher une image en PHP à partir de MySQL ✓ - Forum - PHP
Parcourir, stocker et afficher une image :php ✓ - Forum - PHP
Afficher une image en php ✓ - Forum - PHP

2 réponses

Réponse 1 / 2

miichel999

Messages postés: 20
Date d'inscription: mercredi 18 mai 2016
Statut: Membre
Dernière intervention: 23 mai 2016

2
Modifié par jordane45 le 21/05/2016 à 01:12

le code corrige est :
interface_insertion.php

<html>
  <head>
    <title>insertion de données</title>
  </head>
<body>
<div>
<form name="insertion" action="interface_insertion.php" method="POST" enctype="multipart/form-data"  >
  <table border="0" align="center" cellspacing="2" cellpadding="2">
    <tr align="center">
      <td>Nom de produit</td>
      <td><input type="text" name="Nom_de_produit"></td>
    </tr>
    <tr align="center">
      <td>Prix</td>
      <td><input type="text" name="prix"></td>
    </tr>
    <tr align="center">
      <td>Description</td>
      <td><textarea type="text" name="description"></textarea></td>
    </tr>
    <tr align="center">
      <td>Inserer image</td>
      <td><input type="file" name="img"></td>
    </tr>
   
    <tr align="center">
      <td colspan="2"><input type="submit" value="insérer" name="inserer"></td>
    </tr>
 
  </table>
</form>
</div>


</body>
</html>

<?php


  


//connexion à la BDD
require_once "cnxBdd.php";
 
 if(isset($_POST['inserer'])) {
if (isset($_POST['Nom_de_produit']) AND isset($_POST['prix']) AND isset($_POST['description']) AND isset($_FILES['img']['tmp_name'] )) 

 extract($_POST);
 extract($_FILES);
 if (!empty($Nom_de_produit) && !empty($prix) && !empty($description) && !empty($img))
 
 
{
$req = $bdd->prepare("INSERT INTO produits( Nom_de_produit, prix, description,img ) VALUES(?,?,?,?)"); 
     
$req->execute(array(
 $_POST['Nom_de_produit'] ,
 $_POST['prix'],
 $_POST['description'],
 $_FILES['img']['tmp_name']
 
 ));
    echo 'Le produit a bien été ajouté !';
}
 else 
 {
  echo "Vous n'aver pas remplit tous les champs ";
  } 
 }
?>


<style>
input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=submit] {
    width: 100%;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #45a049;
}

div {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 40px;
}
</style>

interface d'affichage
produit_educatifs.php :


<div id="tableau_produit">
<?php



//Affichage des erreurs php
error_reporting(E_ALL);

//connexion à la BDD
require_once "cnxBdd.php";

//Requete et affichage:
try{
  $reponse = $bdd->query('SELECT * FROM produits');
}catch(Exception $e){ //en cas d'erreur dans la requete
  echo "Erreur dans la requete !".$e->getMessage();
}
// On affiche chaque entrée une à une
while ($produits = $reponse->fetch()) {

 echo "<table>
        <tbody>
        <tr>
         <td><img widtd='200px' height='200px' src='data:image/jpeg;base64,".base64_encode($produits['img'])."'></img></td> 
         <td style='color:#0404B4'>".$produits['prix']." Dinars</td>
         <td ><span style='color:orange'>".$produits['Nom_de_produit']."</span></br>".$produits['description']."</td>
        </tr>
        </tbody>
      </table>";
}

$reponse->closeCursor(); // Termine le traitement de la requête

?>




</div>

meme probleme pas d'affichage d'image
et j'ai pas utiliser file_get_contents

EDIT : Ajout du LANGAGE dans les balises de code (la coloration syntaxique).
Explications disponibles ici : ICI

Merci d'y penser dans tes prochains messages.

jordane45

Messages postés: 35488
Date d'inscription: mercredi 22 octobre 2003
Statut: Modérateur
Dernière intervention: 24 mai 2022

4 158
21 mai 2016 à 01:13

meme probleme pas d'affichage d'image
et j'ai pas utiliser file_get_contents

Ben.... si tu ne l'as pas utilisé ... alors qu'on te dit de le faire ....... ne viens pas nous voir pour nous dire que ça ne marche pas.......!!!!!
On t'a expliqué quoi mettre ... je t'ai donné un lien qui donne un exemple ..... tu n'as plus qu'à lire ce qu'on te marque et à l'appliquer !!

miichel999

Messages postés: 20
Date d'inscription: mercredi 18 mai 2016
Statut: Membre
Dernière intervention: 23 mai 2016

2
23 mai 2016 à 02:58

merci beaucoup de vos aides,
Le probléme est dans l'insertion,
et ce code l'affichage est juste


echo "<img src='data:image/jpeg;base64".base64_encode($produits['img'])."'>";

Réponse 2 / 2

jordane45

Messages postés: 35488
Date d'inscription: mercredi 22 octobre 2003
Statut: Modérateur
Dernière intervention: 24 mai 2022

4 158
Modifié par jordane45 le 19/05/2016 à 10:01

Bonjour,

1 - à l'avenir, merci d'utiliser les BALISES DE CODE lorsque tu postes du code sur le forum.
Explications disponibles ici : https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code

2 - Evite de copier/coller le code de connexion à ta bdd dans tous tes codes .... places le dans un fichier à part que tu n'auras qu'à inclure dans tes pages.
de plus, Pour la connexion à la BDD... utilises le code suivant : (ça te permettra d'afficher les éventuelles soucis de requêtes comme dans ta question précédente)

<?php
//Fichier de connexion à la bdd : cnxBdd.php
 try{
   $bdd = new PDO("mysql:host=localhost;dbname=base_phoenixkids;charset=UTF8", 'root', '');
   $bdd->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); //pour activer l'affichage des erreurs pdo
} catch(PDOException $e){
     echo 'ERROR: ' . $e->getMessage();
}

3 - Pour afficher une image issue d'un champ blob, il faut utiliser la syntaxe suivante :

echo "<img src='data:image/jpeg;base64".base64_encode($produits['img'])."'>";

Ce qui, une fois ton code remis en forme avec l'include du fichier de connexion à la BDD donnerait :

<?php
//Affichage des erreurs php
error_reporting(E_ALL);

//connexion à la BDD
require_once "cnxBdd.php";

//Requete et affichage:
try{
  $reponse = $bdd->query('SELECT * FROM produits');
}catch(Exception $e){ //en cas d'erreur dans la requete
  echo "Erreur dans la requete !".$e->getMessage();
}
// On affiche chaque entrée une à une
while ($produits = $reponse->fetch()) {

 echo "<table>
        <tbody>
        <tr>
         <td><img widtd='200px' height='200px' src='data:image/jpeg;base64,".base64_encode($produits['img'])."'></img></td> 
         <td style='color:#0404B4'>".$produits['prix']." Dinars</td>
         <td ><span style='color:orange'>".$produits['Nom_de_produit']."</span></br>".$produits['description']."</td>
        </tr>
        </tbody>
      </table>";
}

$reponse->closeCursor(); // Termine le traitement de la requête

?>

Cordialement,
Jordane

miichel999

Messages postés: 20
Date d'inscription: mercredi 18 mai 2016
Statut: Membre
Dernière intervention: 23 mai 2016

2
Modifié par miichel999 le 19/05/2016 à 02:50

Merci de votre information
mais le resultat reste le méme ,pas d'affichage d'image

jordane45

Messages postés: 35488
Date d'inscription: mercredi 22 octobre 2003
Statut: Modérateur
Dernière intervention: 24 mai 2022

4 158 > miichel999

Messages postés: 20
Date d'inscription: mercredi 18 mai 2016
Statut: Membre
Dernière intervention: 23 mai 2016

19 mai 2016 à 09:13

Ton image est de quel format à l'origine ? (Son extension )

miichel999

Messages postés: 20
Date d'inscription: mercredi 18 mai 2016
Statut: Membre
Dernière intervention: 23 mai 2016

2 > jordane45

Messages postés: 35488
Date d'inscription: mercredi 22 octobre 2003
Statut: Modérateur
Dernière intervention: 24 mai 2022

19 mai 2016 à 14:04

je veut afficher des images de type jpg et png

zermat

Messages postés: 160
Date d'inscription: jeudi 19 juin 2014
Statut: Membre
Dernière intervention: 3 juin 2016

16
19 mai 2016 à 08:58

Si l'image est de type jpeg essaye ceci :

while ($produits = $reponse->fetch())
{
?>
    <table>
  <th><img width="200px" height="200px" src="data:image/jpeg;base64, <?php echo base64_encode($produits['img']);?>"/></th>

jordane45

Messages postés: 35488
Date d'inscription: mercredi 22 octobre 2003
Statut: Modérateur
Dernière intervention: 24 mai 2022

4 158 > zermat

Messages postés: 160
Date d'inscription: jeudi 19 juin 2014
Statut: Membre
Dernière intervention: 3 juin 2016

Modifié par jordane45 le 19/05/2016 à 09:13

C'est déjà ce que je lui ai proposé dans mon message précédent. ...

jordane45

Messages postés: 35488
Date d'inscription: mercredi 22 octobre 2003
Statut: Modérateur
Dernière intervention: 24 mai 2022

4 158 > miichel999

Messages postés: 20
Date d'inscription: mercredi 18 mai 2016
Statut: Membre
Dernière intervention: 23 mai 2016

20 mai 2016 à 01:28

j'ai pas compris ta demande,
si je fasse l' ECHO donc pas d'affichage de données !

Alors je vais essayer de te le formuler autrement......
Que contient ta variable $produits['img'] exactement ? Autrement dit .. quelle est la valeur issue de ta BDD ?
Et puis... à l'origine .. CETTE image ... elle est en JPEG ou en PNG ?

Sachant que si c'est un PNG alors il faut remplacer jpg par png

data:image/png ...

Et enfin.. ce qui m'étonne .. c'est le nombre de caractères affichés par l'encodage 64 ...
Toi tu n'as que : NTFic1RrS3BHYkwuanBn ... ça me parait peu.....
Es-tu sûr que l'image est correctement stockée en bdd ?

Quel script as tu utilisé pour insérer l'image dans ta base ?

miichel999

Messages postés: 20
Date d'inscription: mercredi 18 mai 2016
Statut: Membre
Dernière intervention: 23 mai 2016

2
Modifié par miichel999 le 20/05/2016 à 02:00

Dans la BDD apres ouvrir http://localhost/phpmyadmin et afficher tableau de produits
j'ai trouver dans les img des fichier .bin ,
normalement les images que j'ai inserer sont de type jpg ,

le script d'insertion est :


<html>
  <head>
    <title>insertion de données</title>
  </head>
<body>
<div>
<form name="insertion" action="interface_insertion.php" method="POST">
  <table border="0" align="center" cellspacing="2" cellpadding="2">
    <tr align="center">
      <td>Nom de produit</td>
      <td><input type="text" name="Nom_de_produit"></td>
    </tr>
    <tr align="center">
      <td>Prix</td>
      <td><input type="text" name="prix"></td>
    </tr>
    <tr align="center">
      <td>Description</td>
      <td><textarea type="text" name="description"></textarea></td>
    </tr>
    <tr align="center">
      <td>Inserer image</td>
      <td><input type="file" name="img"></td>
    </tr>
   
    <tr align="center">
      <td colspan="2"><input type="submit" value="insérer" name="inserer"></td>
    </tr>
 
  </table>
</form>
</div>


</body>
</html>

<?php


  


$bdd = new PDO('mysql:host=localhost;dbname=base_phoenixkids;charset=utf8', 'root', '');
 if(isset($_POST['inserer'])) {
if (isset($_POST['Nom_de_produit']) AND isset($_POST['prix']) AND isset($_POST['description']) AND isset($_POST['img'] )) 

 extract($_POST);
 if (!empty($Nom_de_produit) && !empty($prix) && !empty($description) && !empty($img))
 
 
{
$req = $bdd->prepare("INSERT INTO produits( Nom_de_produit, prix, description,img ) VALUES(?,?,?,?)"); 
     
$req->execute(array(
 $_POST['Nom_de_produit'] ,
 $_POST['prix'],
 $_POST['description'],
 $_POST['img']
 
 ));
    echo 'Le produit a bien été ajouté !';
}
 else 
 {
  echo "Vous n'aver pas remplit tous les champs ";
  } 
 }
?>


<style>
input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=submit] {
    width: 100%;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #45a049;
}

div {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 40px;
}
</style>

Discussions similaires

stocker une photo dans une base de donnée sql server

Afficher une image avec un echo en php

Nettoyer une base de données avec une liste

TNT base de donnees vide!!

gestion de base de donnee sous wordpress

A la recherche d'une Base de données véhicules

Discussions similaires

Newsletters