Bonjour à tous,
Je me joins à vous pour vous demander votre aide, je connais un peu le php mais pas assez selon moi d'où ma question, qui va surement vous paraitre bete...
J'ai une table déjà existante d'une liste de personnel (idagent, nomagent, prenomagent, etc.).
Je souhaiterai que pour chaque agent, on puisse voir sa photo perso. Ma question est simple : comment faire ?
J'ai utilisé ce tutoriel mais il me propose uniquement d'uploader des images.
Merci à celles et ceux qui pourront m'éclairer.
la communauté d'entraide francophone dédiée au PHP
Afficher une image en fonction d'un champ
Y a tout plein de solutions... après ça dépend un peu de ce que tu veux mettre en place.
En général, on va avoir tendance à ajouter un champ en plus dans la table contenant le nom du fichier à utiliser. Du coup sur la fiche de l'individu, quand tu récupères ses infos, tu récupères celle-ci en plus et tu l'utilises dans une balise <img> pour afficher sa photo
Pour cela, il faut bien sur que les photos soit sur le serveur (ou qu'elles soient renseignées avec une url pour pouvoir être retrouvées en ligne).
La question suivante est donc de savoir d'où proviennent ces images. Si c'est toi qui les mets sur le serveur dans un dossier spécifique, ben y a pas de problème, tu renseignes de même le nom de l'image dans la fiche du bonhomme. Si tu veux que ce soit eux qui mettent leurs images en ligne, tu peux suivre le tuto d'upload de fichier. Une fois le fichier en ligne sur ton serveur, il te suffit d'en récupérer le nom et d'aller mettre à jour la fiche de ton employé
voili voilo
En général, on va avoir tendance à ajouter un champ en plus dans la table contenant le nom du fichier à utiliser. Du coup sur la fiche de l'individu, quand tu récupères ses infos, tu récupères celle-ci en plus et tu l'utilises dans une balise <img> pour afficher sa photo
Pour cela, il faut bien sur que les photos soit sur le serveur (ou qu'elles soient renseignées avec une url pour pouvoir être retrouvées en ligne).
La question suivante est donc de savoir d'où proviennent ces images. Si c'est toi qui les mets sur le serveur dans un dossier spécifique, ben y a pas de problème, tu renseignes de même le nom de l'image dans la fiche du bonhomme. Si tu veux que ce soit eux qui mettent leurs images en ligne, tu peux suivre le tuto d'upload de fichier. Une fois le fichier en ligne sur ton serveur, il te suffit d'en récupérer le nom et d'aller mettre à jour la fiche de ton employé
voili voilo
Ce n'est pas en améliorant la bougie que l'on a inventé l'ampoule...
Ok,
Mais quel sera le type de champ à insérer ? Un fichier de type BLOB pour les images ?
Voilà une partie du code qui permet d'afficher la liste de personnel.
Merci encore pour votre aide.
Mais quel sera le type de champ à insérer ? Un fichier de type BLOB pour les images ?
Voilà une partie du code qui permet d'afficher la liste de personnel.
Merci encore pour votre aide.
Code : Tout sélectionner
<?php
$sql = "SELECT nomagent,prenomagent,service,fonction,portefeuille,telephone,email FROM agent ";
if (!empty($caisse_origine)) {$sql .= "WHERE caisse_origine = '$caisse_origine' ";}
$sql .= "ORDER BY $ref";
$resultat = mysql_query ($sql, $connexion);
while ($tabagent = mysql_fetch_array($resultat, MYSQL_ASSOC)) { ?>
<tr onMouseOver="this.style.backgroundColor = '#FFCCCC'" onMouseOut="this.style.backgroundColor = '#FFFFFF'">
<td align="center"><input name="emaildest[]" type="checkbox" id="emaildest" value="<?php echo $tabagent[email]; ?>"></td>
<td><?php echo $tabagent[nomagent]; ?></td>
<td><?php echo $tabagent[nomagent]; ?></td>
<td><?php echo $tabagent[prenomagent]; ?></td>Tu peux effectivement utiliser un champ de type BLOB et stocker le flux de l'image dedans. Suffit ensuite de le relire et de l'envoyer au navigateur avec le bon entête pour qu'il le gère comme un fichier image...
L'avantage, c'est que lorsque tu supprimes l'utilisateur, l'image disparait avec. L'inconvénient, c'est que tu vas charger ta base de données avec des informations inutiles (puisqu'aucun traitement ne sera fait sur l'image) et allourdir les temps de recherche, réponse, etc. (bon après c'est sur qu'avec 5000 personnes ça se sentira plus qu'avec 50
)
L'autre solution est d'héberger l'image dans un dossier du serveur, et de ne stocker que le nom (voire le chemin) de celle-ci, dans la fiche utilisateur. Dès lors un simple champ varchar est suffisant.
L'inconvénient de cette méthode, c'est que lorsque tu supprimes une fiche, il faut également aller supprimer le fichier correpondant (mais ca se fait très bien avec un unlink())
L'avantage, c'est que lorsque tu supprimes l'utilisateur, l'image disparait avec. L'inconvénient, c'est que tu vas charger ta base de données avec des informations inutiles (puisqu'aucun traitement ne sera fait sur l'image) et allourdir les temps de recherche, réponse, etc. (bon après c'est sur qu'avec 5000 personnes ça se sentira plus qu'avec 50
)L'autre solution est d'héberger l'image dans un dossier du serveur, et de ne stocker que le nom (voire le chemin) de celle-ci, dans la fiche utilisateur. Dès lors un simple champ varchar est suffisant.
L'inconvénient de cette méthode, c'est que lorsque tu supprimes une fiche, il faut également aller supprimer le fichier correpondant (mais ca se fait très bien avec un unlink()
)Ce n'est pas en améliorant la bougie que l'on a inventé l'ampoule...
Bonjour,
J'ai donc créé un champ "imgagent" de type blob dans ma table existante. Jusque là pas de problème... J'ai meme vu qu'en éditant les champs, on pouvait ajouter une image dans ce champ imgagent (ce que j'ai fait). Voir image :
Sauf que maintenant, je fais comment pour afficher cette image ?
J'ai rajouté un champ mais ca ne doit pas être ca...
[Note : ce message a été posté de manière anonyme avant d'être réattribué à son auteur]
J'ai donc créé un champ "imgagent" de type blob dans ma table existante. Jusque là pas de problème... J'ai meme vu qu'en éditant les champs, on pouvait ajouter une image dans ce champ imgagent (ce que j'ai fait). Voir image :
Sauf que maintenant, je fais comment pour afficher cette image ?
J'ai rajouté un champ mais ca ne doit pas être ca...
Code : Tout sélectionner
<?php
$sql = "SELECT imgagent,nomagent,prenomagent,service,fonction,portefeuille,telephone,email FROM agent ";
if (!empty($caisse_origine)) {$sql .= "WHERE caisse_origine = '$caisse_origine' ";}
$sql .= "ORDER BY $ref";
$resultat = mysql_query ($sql, $connexion);
while ($tabagent = mysql_fetch_array($resultat, MYSQL_ASSOC)) { ?>
<tr onMouseOver="this.style.backgroundColor = '#FFCCCC'" onMouseOut="this.style.backgroundColor = '#FFFFFF'">
<td align="center"><input name="emaildest[]" type="checkbox" id="emaildest" value="<?php echo $tabagent[email]; ?>"></td>
<td><?php echo $tabagent[imgagent]; ?></td>
<td><?php echo $tabagent[nomagent]; ?></td>
<td><?php echo $tabagent[prenomagent]; ?></td>
En fait le camarade Ryle ne t'a pas prévenu qu'avec cette méthode (stockage de l'image en direct dans un BLOB) il y allait y avoir une petite subtilité : tu ne vas pas t'en sortir avec un simple
Ok mais le blob là dedans il devient quoi ? Très simple, on va l'afficher avec un simple echo comme tu le fais ici, mais dans un script php à part qui ne fera que ça. Et dans la page web, on va simplement faire un appel à ce nouveau script à travers une balise <img /> en lui passant l'idagent (lui permettant de retrouver la photo unique à afficher). Par exemple tu pourrais remplacer la ligne ci-dessus par quelquechose comme :
<td><?php echo $tabagent[imgagent]; ?></td> Ok mais le blob là dedans il devient quoi ? Très simple, on va l'afficher avec un simple echo comme tu le fais ici, mais dans un script php à part qui ne fera que ça. Et dans la page web, on va simplement faire un appel à ce nouveau script à travers une balise <img /> en lui passant l'idagent (lui permettant de retrouver la photo unique à afficher). Par exemple tu pourrais remplacer la ligne ci-dessus par quelquechose comme :
<td><img src="affichephoto.php?idagent=<?php echo $tabagent[idagent]; ?>" /></td> header('Content-Type: image/jpg');
// La suite du script qui retrouve le blob en fonction du $_GET['idagent'] et l'affiche (et uniquement le blob !)
Merci de ta réponse,
Je teste voir ca...
Bon après test, je ne vois toujours pas l'image. Et je comprends pas où peut se trouver mon erreur...
Voilà mes codes :
Page annuaire.php
Et la page apercu.php (que j'ai légérement modifié du tutoriel dont je me suis servi).
Je teste voir ca...
Bon après test, je ne vois toujours pas l'image. Et je comprends pas où peut se trouver mon erreur...
Voilà mes codes :
Page annuaire.php
Code : Tout sélectionner
<?php
$sql = "SELECT imgagent,nomagent,prenomagent,service,fonction,portefeuille,telephone,email FROM agent ";
if (!empty($caisse_origine)) {$sql .= "WHERE caisse_origine = '$caisse_origine' ";}
$sql .= "ORDER BY $ref";
$resultat = mysql_query ($sql, $connexion);
while ($tabagent = mysql_fetch_array($resultat, MYSQL_ASSOC)) { ?>
<tr onMouseOver="this.style.backgroundColor = '#FFCCCC'" onMouseOut="this.style.backgroundColor = '#FFFFFF'">
<td align="center"><input name="emaildest[]" type="checkbox" id="emaildest" value="<?php echo $tabagent[email]; ?>"></td>
<td><img src="apercu.php?idagent=<?php echo $tabagent[idagent]; ?>" /></td>
<td><?php echo $tabagent[nomagent]; ?></td>
<td><?php echo $tabagent[prenomagent]; ?></td>Code : Tout sélectionner
<?php
if ( isset($_GET['id']) )
{
$id = intval ($_GET['id']);
include ("../include/connexion.php");
$req = "SELECT idagent, imgagent FROM agent WHERE idagent = ".$id;
$ret = mysql_query ($req) or die (mysql_error ());
$col = mysql_fetch_row ($ret);
if ( !$col[0] )
{
echo "Id d'image inconnu";
}
else
{
header ("Content-type: ".$col[1]);
echo $col[2];
}
}
else
{
echo "Mauvais id d'image";
}
?>Maieuuh ?! Si, j'l'ai dit ?!En fait le camarade Ryle ne t'a pas prévenu qu'avec cette méthode (stockage de l'image en direct dans un BLOB) il y allait y avoir une petite subtilité
Mais c'est vrai que j'ai pas insisté, vu que pour ma part, je préfère avoir les fichiers sur le disque plutôt qu'en baseSuffit ensuite de le relire et de l'envoyer au navigateur avec le bon entête pour qu'il le gère comme un fichier image...
Pour en revenir à ton problème, y a un petit soucis entre ta requête et les données que tu utilises
Ta requête retourne deux champs (idagent et imgagent) et tu fais appel à 3 variables $row[0], $row[1] et $row[2] ... mathématiquement, ça colle pas
(Un petit truc pour rendre ton code plus clair et éviter ce genre d'erreur, au lieu d'utiliser mysql_fetch_row() qui te retourne un tableau indexé ($row[0], 1, 2...) tu peux utiliser mysql_fetch_assoc() qui te renvoi un tableau associatif, où les noms des champs sont utilisés comme clés : $row['idagent'], $row['imgagent']. Ainsi pas de doute sur la valeur que tu veux afficher, ni de risque d'erreur si l'ordre des champs change
)Ce n'est pas en améliorant la bougie que l'on a inventé l'ampoule...
Bon, on va y arriver... peut etre...
J'ai remodifié le fichier apercu.php puisqu'apparement c'est le fichier qui pose problème... Sauf que mes images sont toujours des croix rouges...
Désolé de vous importuner avec ca...
Code apercu remodelé
J'ai remodifié le fichier apercu.php puisqu'apparement c'est le fichier qui pose problème... Sauf que mes images sont toujours des croix rouges...
Désolé de vous importuner avec ca...
Code apercu remodelé
Code : Tout sélectionner
<?php
if ( isset($_GET['id']) )
{
$id = intval ($_GET['id']);
include ("../include/connexion.php");
$req = "SELECT idagent, imgagent FROM agent WHERE idagent = ".$id;
$ret = mysql_query ($req) or die (mysql_error ());
$row = mysql_fetch_assoc ($ret);
if ( !$row['idagent'] )
{
echo "Id d'image inconnu";
}
else
{
header('Content-Type: image/jpg');
echo $row['imgagent'];
}
}
else
{
echo "Mauvais id d'image";
}
?>Ah ben ça... tu peux être désolé de nous importuner oui... franchement, venir poser des questions sur un forum d'entraide, c'est à se demander parfois où les gens se croient ?! 
Bon, première chose à faire pour tester, c'est d'ouvrir l'url de l'image directement dans ton navigateur : http://..../apercu.php?idagent=235 (ou tout autre id qui fonctionne). Le but, c'est qu'en cas d'erreur sql ou php, ben tu vois le message (parce que si tu retournes un message d'erreur à une balise <img>, elle se vexe et affiche une croix rouge sans t'en dire d'avantage )
Et question bête : tu mets un content type "image/jpg" en dur, mais l'image que tu as en base était-elle bien du jpg ?
Bon, première chose à faire pour tester, c'est d'ouvrir l'url de l'image directement dans ton navigateur : http://..../apercu.php?idagent=235 (ou tout autre id qui fonctionne
). Le but, c'est qu'en cas d'erreur sql ou php, ben tu vois le message (parce que si tu retournes un message d'erreur à une balise <img>, elle se vexe et affiche une croix rouge sans t'en dire d'avantage )Et question bête : tu mets un content type "image/jpg" en dur, mais l'image que tu as en base était-elle bien du jpg ?
Ce n'est pas en améliorant la bougie que l'on a inventé l'ampoule...
Alors, l'image est bien en jpg.
Et lorsque j'affiche mon image directement, j'obtiens "mauvais id d'image"...
NB:
En fait, quelque soit le chiffre que je mets à la fin (18, 48, 100, ou 250684), ca me met toujours "mauvais id d'image".
News...
Je me suis dit que le champ Blob étant complexe à mettre en oeuvre, j'ai testé l'autre solution, à savoir charger les images dans un dossier "image", la nommer avec le meme "id" que l'agent et là.. bingo ! Ca marche.
D'où mon code:
Et ca m'affiche sans problème l'image se trouvant dans le dossier "personnel" et correspondant à l'id de l'agent.
Maintenant le hic, c'est qu'il faut que je me coltine ma base de données et les id, une par une pour savoir quelle photo mettre sur quel agent.
Y aurait'il un moyen plus simple pour le faire ?
J'aurais pensé à une page du genre :
"Charger la photo pour Mr. DUPONT Gérard (avec une liste déroulante pour chaque personne" avec un bouton "parcourir" et une fois la photo chargée, elle est visualisée sur la page de l'annuaire.
Mais là, je crois que je vais avoir besoin de vous...
Et lorsque j'affiche mon image directement, j'obtiens "mauvais id d'image"...
NB:
En fait, quelque soit le chiffre que je mets à la fin (18, 48, 100, ou 250684), ca me met toujours "mauvais id d'image".
News...
Je me suis dit que le champ Blob étant complexe à mettre en oeuvre, j'ai testé l'autre solution, à savoir charger les images dans un dossier "image", la nommer avec le meme "id" que l'agent et là.. bingo ! Ca marche.
D'où mon code:
Code : Tout sélectionner
<td><img src="../personnel/<?php echo $tabagent[idagent]; ?>.jpg" /></td>Maintenant le hic, c'est qu'il faut que je me coltine ma base de données et les id, une par une pour savoir quelle photo mettre sur quel agent.
Y aurait'il un moyen plus simple pour le faire ?
J'aurais pensé à une page du genre :
"Charger la photo pour Mr. DUPONT Gérard (avec une liste déroulante pour chaque personne" avec un bouton "parcourir" et une fois la photo chargée, elle est visualisée sur la page de l'annuaire.
Mais là, je crois que je vais avoir besoin de vous...