Afficher une image avec include ou require

**Neelix57** · 09/09/2023, 07h39

Bonjour,

De la même manière que j'utilise la fonction require_once pour inclure une page dans une div, j'aimerais pouvoir
inclure une image en cliquant sur un lien.

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
   require_once 'includes.php';
 
   <?php
		require_once 'gauche_1.php'; 
 
		if ( (isset($_GET['page'])) && (isset($checkPage[$_GET['page']])) ) {
			require_once $checkPage[$_GET['page']];     
		} 	/* if $page has a value, include it */
		else {
			require_once 'milieu_1.php';
		}
	?>

Lien vers une page, ou une image;

Code html :

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

1
2
<a href="menu.php?page=Ma_Page">Lien vers la page</a>
<a href="menu.php?page=Mon_Image">Lien vers l'image</a>

includes.php ;

Code php :

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

1
2
3
4
<?php
	$checkPage = array('Ma_Page' => 'page.php',
              'Mon_Image' => 'image.jpg');
?>

**Séb.** · 09/09/2023, 07h48

Bonjour, quel est le problème ? Si ton lien pointe sur une image alors l'image s'affichera dans le navigateur.

Si tu as des problèmes, vérifie que le document obtenu est valide (navigateur > clique droit > afficher la source).

**Neelix57** · 09/09/2023, 21h48

En fait, le problème, c'est que le navigateur m'affiche des caractères comme si le fichier était ouvert en mode texte,
au-lieu de m'afficher l'image. PHP n'affiche pas l'image jpeg.

**Séb.** · 10/09/2023, 10h24

Ce n'est pas PHP qui affiche l'image, mais le navigateur.

Si tu veux afficher une image au lieu d'une page web alors il faut préciser l'en-tête Content-Type en conséquence.

Exemple :

Code :

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

1
2
3
<?php
header('Content-Type: image/jpeg');
echo $image_raw_content;

Bien sûr, pas de <html> ou autre, il faut afficher uniquement le contenu du JPEG.

**Neelix57** · 10/09/2023, 11h29

Ca ne fonctionne pas. Voila ce ce que j'obtiens:
Nom : Capture d’écran_2023-09-10_11-13-32.jpg
Affichages : 99
Taille : 408,2 Ko

Il devrait y avoir l'image d'affichée dans le cadre de droite.

**Séb.** · 10/09/2023, 11h38

Apparemment tu mélanges HTML et JPEG, alors que j'ai bien dit "Bien sûr, pas de <html> ou autre, il faut afficher uniquement le contenu du JPEG."

En HTML il faut utiliser la balise <img> pour afficher une image.

**Neelix57** · 10/09/2023, 13h33

Je n'y arrive pas sans utiliser HTML, puisque je veux le mettre dans des div.

En utilisant:

Code :

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

echo '<img src="'.readfile($_GET['license']).'">';

Avec:

Code :

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

1
2
3
4
<?php
	$checkPage = array('Ma_Page' => 'page.php',
              'Mon_Image' => 'image.jpg');
?>

Le navigateur cherche à m'afficher "Mon_Image", plutôt que "image.jpg".

Voilà le code de la page qui affiche le permis:

Code :

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

1
2
3
4
5
<?php
    header('Content-Type: image/jpeg');
    ob_clean();
    echo '<img src="'.readfile($_GET['license']).'">';
?>

**Séb.** · 10/09/2023, 15h14

Il ne faut pas faire de readfile(), mais simplement donner le chemin du fichier image au SRC.

Attention à la sécurité, tel que tu l'as écrit la faille est majeure :

Code :

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

echo '<img src="'.readfile($_GET['license']).'">';

**Neelix57** · 10/09/2023, 18h54

Bonsoir,

J'enlève le readfile, mais ça ne change rien. J'obtiens toujours le même affichage.

**Séb.** · 10/09/2023, 19h45

Donne ton code...

**Neelix57** · 10/09/2023, 20h02

Affichage du site:

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
    require_once 'includes.php';
    require_once 'poemes.php';
    require_once 'licenses.php';
 
    require_once 'gauche_1.php'; 
 
		if ( (isset($_GET['page'])) && (isset($checkPage[$_GET['page']])) ) {
			require_once $checkPage[$_GET['page']];
        }
		elseif ( (isset($_GET['category'])) && (isset($checkCategory[$_GET['category']])) ) {
	        require_once $checkCategory[$_GET['category']];
        }
        elseif ( (isset($_GET['license'])) && (isset($checkLicense[$_GET['license']])) ) {
	        require_once $checkLicense[$_GET['license']];
		} 	/* if $page has a value, include it */
		else {
			require_once 'milieu_1.php';
			echo '<script type="text/javascript" src="../js/music.js"></script>';
		}
?>

includes.php:

Code :

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

1
2
3
4
<?php
	$checkPage = array('Ici_Tout_Est_Permis' => 'sweeties/permis/index.php',
                'Permis' => 'sweeties/permis/permis.php');
?>

licenses.php:

Code php :

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

1
2
3
4
<?php
	$checkLicense = array('Grand_Prix_Du_Puant' => 'sweeties/permis/grand_prix_du_puant.jpg',
	           'Permis_D_Avoir_Du_Culot' => 'sweeties/permis/permis_avoir_du_culot.jpg');
?>

La page de sélection de l'image par un lien:

Code html :

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

1
2
3
4
5
6
7
8
<div class="licenseGallery">
                <a href="menu.php?license=Permis_D_Avoir_Du_Culot">
                    <img src="sweeties/permis/tn_permis_avoir_du_culot.jpg" alt="permis_avoir_du_culot.jpg">
                    <div class="licenseDescription">
                        permis_avoir_du_culot.jpg
                    </div>
                </a>
            </div>

L'affichage de l'image (permis.php):

Code php :

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

1
2
3
4
5
<?php
    header('Content-Type: image/jpeg');
    ob_clean();
    echo '<img src="'.$_GET['license'].'">';
?>

**Séb.** · 11/09/2023, 05h30

Ton code est mal indenté et dur à lire.

Ceci ne peut pas fonctionner car tu mélanges HTML et JPEG :

Code :

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

1
2
3
4
5
<?php
    header('Content-Type: image/jpeg');
    ob_clean();
    echo '<img src="'.$_GET['license'].'">';
?>

**Neelix57** · 11/09/2023, 06h05

Je suis pourtant bien obligé d'utiliser html pour afficher mon image.

J'ai tout essayé, soit j'obtiens l'affichage comme sur la capture, soit je me retrouve avec le contenu du
paramètre "licenses" passé en lien dans ma variable au lieu du nom du fichier.

Je le répète, je débute, alors si tu pouvais être plus explicite...

**Séb.** · 11/09/2023, 08h07

Envoyé par Neelix57

Je suis pourtant bien obligé d'utiliser html pour afficher mon image.

HTML affiche une image avec <img> => <img src="mon-image-dynamique.php">
PHP génère une image dans le script appelé par <img>, et la donnée générée ne doit rien contenir d'autre que du JPEG

Si tu veux un paramètre à la création de ton image tu peux faire :

<img src="mon-image-dynamique.php?param=val">

Et dans mon-image-dynamique.php :

<?php // Pas de HTML et ni rien d'autre avant
$param = $_GET['param'] ?? 'default val';
if ($param === 'une valeur') {
    // ...
}
$image = imagecreatetruecolor(500, 500);
imagefill($image, 0, 0, 0x0000FF); // Fond bleu
// ...
header('Content-Type: image/jpeg');
imagejpeg($image);
// Pas de HTML et ni rien d'autre après

Je le répète, je débute, alors si tu pouvais être plus explicite...

Désolé, je ne retrouve pas l'information, et ta date d'inscription de 2013 ne le laissait pas penser.

Débuter n'empêche pas d'indenter correctement son code.

**Neelix57** · 17/09/2023, 09h12

Bonjour et merci de ton aide. Ca fonctionne enfin.

Code php :

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
<?php 
    if ( (isset($_GET['license'])) && (file_exists("sweeties/permis/".$_GET['license'].".jpg")) ) {
        $license = $_GET['license'];
 
        header("Pragma: public");
        header("Content-Type: image/jpeg");
        header("sweeties/permis/".$license.".jpg");
        ob_clean();
 
    } else { // If the test fails, or the image is not found, return to greating page
	http_response_code(404);
        include('milieu_1.php'); // provide your own HTML for the error page
        die();
    }
?>
 
<section class="accueilContainer">
    <audio autoplay loop src="sweeties/son/tiny_toons.wav"></audio>
    <script type="text/javascript" >
            document.body.style.background = "#fff";
    </script>
    <div style="display: flex; justify-content: center; align-items: center; height: 100vh;">
        <img src="sweeties/permis/<?php echo $license; ?>.jpg">
    </div>
</section>