Afficher une image

**Ludock** · 08/02/2015, 20h20

Re bonsoir,

Voilà, j'ai un script qui upload des images, un autre qui affiche le contenu dans le répertoire désiré, et le dernier qui affiche la pop up de l'image,

De mon côté ce qu'il se passe, j'ai bien le cadre de l'image et ses dimensions qui sont prisent en compte par contre il n'affiche pas l'image cf. les PJ

Avez vous une idée pour corriger cela ?

Cordialement,

**Ludock** · 08/02/2015, 20h32

en soit le fichier upload_image.php et images.php sont Ok, je pense que çà vient du lien entre show_image.php et images.php

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
45
46
47
48
<? #Script show_image.php
// Cette page affiche une image
 
$name=FALSE; // Variable drapeau
 
// Vérifier le nom d'image pour l'URL
if(isset($_GET['image'])) {
 
  // Chemin complet de l'image
  $image="c:/wamp/www/test/uploads/{$_GET['image']}";
 
  // Vérifier que l'image existe et qu'il s'agit d'un fichier
  if(file_exists($image)&&(is_file($image))) {
 
    // S'assurer qu'elle possède une extension d'image
    $ext=strtolower(substr($_GET['image'],-4));
 
    if(($ext=='.jpg')OR($ext=='.jpeg')OR($ext=='.png')) {
      // Définir name avec cette image
      $name=$_GET['image'];
    } // Fin de l'instruction if $ext
 
    } // Fin de l'instruction if file_exists()7
 
    } // Fin de l'instruction if isset($_GET['image'])
 
    // S'il y a un problème, utiliser l'image par défaut.
    if(!$name) {
      $image='images/unavailable.png';
      $name='unavailable.png';
    }
 
    // Récupérer les informations sur l'image
    $info=getimagesize($image);
    $fs=filesize($image);
 
    // Envoyer les informations du contenu
    header("Content-Type:{$info['mime']}\n");
    header("Content-Disposition: inline; filename=\"$name\"\n");
    header("Content-Length: $fs\n");
    header('Expires: 0');
    header('Cache-Control: must-revalidate');
    header('Pragma: public');
    //Envoyer le fichier
    readfile($image);
 
    exit;
    ?>

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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Images</title>
<script language="Javascript">
<!-- // Masquer pour les anciens navigateurs
 
// Fonction de création de fenêtre pop-up
function create_window(image, width, height) {
 
  // Ajouter quelques pixels à la largeur et à la hauteur
  width=width+10;
  height=height+10;
 
  // Si la fenêtre est déjà ouverte
  // la redimensionner avec les nouvelles dimensions
  if(window.popup && !window.popup.closed) {
    window.popup.resizeTo(width, height);
  }
 
  // Définir les propriétés de la fenêtre
  var specs="location=no, scrollbars=no, menubars=no, toolbars=no, resizable=yes, left=0, top=0, width="+ width +", height=" + height;
 
  // Définir l'URL
  var url="show_image.php?image="+image;
 
  // Créer la fenêtre pop-up
  popup=window.open(url,"ImageWindow",specs);
  popup.focus();
} // Fin de la fonction
// --></script>
</head>
<body>
<p>Click on an image to view it in a separate window.</p>
<table align="center" cellspacing="5" cellpadding="5" border="1">
<tr>
<td align="center"><b>Image Name</b></td>
<td align="center"><b>Image Size</b></td>
</tr>
<?php #Script images.php
// Ce script liste les images dans le répertoire uploads
 
$dir='\wamp\www\test\uploads'; // Définition du répertoire à afficher
 
$files=scandir($dir); // Lire toutes les images dans le tableau
 
// Afficher chaque légende d'image sous forme de lien vers la fonction Javascript
foreach($files as $image) {
 
  if(substr($image,0,1)!='.') { //Ignorer tout ce qui commence par un point.
 
  // Récupérer la taille de l'image en pixels
  $image_size=getimagesize("$dir/$image");
 
  // Calculer la taille de l'image en Ko
  $file_size=round((filesize("$dir/$image"))/1000) . "Kb";
 
  // Formater le nom de l'image pour l'URL
  $image=urlencode($image);
 
  // Imprimer les informations 
  echo "\t<tr>
  \t\t<td><a 
  href=\"javascript:create_window('$image',$image_size[0],$image_size[1])\">$image</a></td>
  \t\t<td>$file_size</td>\t</tr>\n";
 
} // Fin de l'instruction IF
 
} // Fin de la boucle foreach
?>
</table>
</body>
</html>

**sabotage** · 08/02/2015, 20h58

Le chemin vers l'image doit être une url pas une chemin local.

Code :

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

$image="http://localhost/test/uploads/" . $_GET['image'];

**Ludock** · 10/02/2015, 03h40

Même constat, en soit il récupère bien la taille de l'image, il ouvre une fenêtre en fonction de la taille de cette image, par contre l'ouverture de l'image ne s'effectue pas.

J'ai essayé de tester la copie du lien de l'image 1.JPG et j'obtiens cela :"javascript:create_window('1.jpg',1190,756)" je me demande si le script java ne prend pas le dessus sur le reste du script. Il devrait normalement mettre un lien URL, Non?

cf PJ ce que j'obtiens en local.

**sabotage** · 10/02/2015, 11h45

et si tu appelles directement ton url ça fonctionne ?
http://localhost/test/show_image.php?image=1.jpg

**Ludock** · 11/02/2015, 18h23

même constat, je cherche je cherche mais je ne vois pas ou çà coince pour le moment, merci de votre aide encore

**sabotage** · 12/02/2015, 09h50

Tu peux nous montre ton show_image.php actuel ?

**Ludock** · 13/02/2015, 03h16

Voici le code de show_image.php, je cherche lorsque j'ai un peu de temps, désolé de répondre pas forcément automatiquement, je ne réponds pas lorsque je suis au taff, seulement le weekend,

Cordialement,

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
45
46
47
48
49
<? #Script show_image.php
// Cette page affiche une image
 
$name=FALSE; // Variable drapeau
 
// Vérifier le nom d'image pour l'URL
if(isset($_GET['image'])) {
 
  // Chemin complet de l'image
  $image="http://localhost/test/uploads/" . $_GET['image'];
//  $image="c:/wamp/www/test/uploads/{$_GET['image']}";
 
  // Vérifier que l'image existe et qu'il s'agit d'un fichier
  if(file_exists($image)&&(is_file($image))) {
 
    // S'assurer qu'elle possède une extension d'image
    $ext=strtolower(substr($_GET['image'],-4));
 
    if(($ext=='.jpg')OR($ext=='.jpeg')OR($ext=='.png')) {
      // Définir name avec cette image
      $name=$_GET['image'];
    } // Fin de l'instruction if $ext
 
    } // Fin de l'instruction if file_exists()7
 
    } // Fin de l'instruction if isset($_GET['image'])
 
    // S'il y a un problème, utiliser l'image par défaut.
    if(!$name) {
      $image='images/unavailable.png';
      $name='unavailable.png';
    }
 
    // Récupérer les informations sur l'image
    $info=getimagesize($image);
    $fs=filesize($image);
 
    // Envoyer les informations du contenu
    header("Content-Type:{$info['mime']}\n");
    header("Content-Disposition: inline; filename=\"$name\"\n");
    header("Content-Length: $fs\n");
    header('Expires: 0');
    header('Cache-Control: must-revalidate');
    header('Pragma: public');
    //Envoyer le fichier
    readfile($image);
 
    exit;
    ?>

Invité · 13/02/2015, 04h48

Bnojour,
sauf erreur, file_exists() ne fonctionne bien qu'avec un chemin relatif.

Avertissement
Cette fonction retourne FALSE pour les fichiers non accessibles en raison des restrictions du safe mode. Cependant, ces fichiers peuvent toujours être inclus s'ils sont dans le dossier safe_mode_include_dir.

Tu peux vérifier facilement avec :

Code :

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

1
2
3
4
5
6
7
8
9
<?php
$filename = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxx'; // le chemin relatif ou absolu vers un fichier existant, à tester
 
if (file_exists($filename)) {
    echo "Le fichier $filename existe.";
} else {
    echo "Le fichier $filename n'existe pas.";
}
?>

**Bovino** · 13/02/2015, 09h16

Moi ce que j'aime bien, c'est le

Code :

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

$ext=strtolower(substr($_GET['image'],-4));

puis ensuite le test

Code :

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

OR($ext=='.jpeg')

Sinon, il est rigolo ton script, mais en gros, il sert à rien (ce qui explique que son appel ne renvoie rien)

Code :

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

1
2
readfile($image);
exit;

C'est bien de sortir du script après avoir lu l'image mais je pense que ce serait quand même mieux de l'afficher non ?

**Ludock** · 14/02/2015, 17h23

Pour répondre à ton aide jreaux62, j'ai créé donc le fichier verif.php pour et j'ai bien la réponse suivante : Le fichier \wamp\www\test\uploads\1.jpg existe
Le chemin indiqué est : \\wamp\www\test\uploads\1.jpg

Nom : Capture.PNG
Affichages : 155
Taille : 80,1 Ko

Nom : Capture.PNG
Affichages : 155
Taille : 80,1 Ko

**Ludock** · 14/02/2015, 17h34

J'ai corrigé ces erreurs Bovino, en retirant exit; et mis jpeg a là place de .jpeg mais bon toujours même constat... J'ai le cadre de l'image, le chemin qui est correcte pour la lire mais pas moyen çà ne s'affiche pas. Je cherche toujours.. merci quand même.

**Ludock** · 14/02/2015, 17h44

J'ai ajouté readfile($filename) à ton script jreaux62 et là il lis au moins à l'état brut le contenu de l'image, il ne me met pas une page blanche...
et en rajoutant

Code :

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

header('Content-Type: image/jpeg');

l'image s'affiche correctement...

Dans mon script de base j'ai appliqué ces changements mais il me laisse toujours une page blanche

Invité · 14/02/2015, 23h05

Bonjour,
ce script fonctionne, mais avec un chemin RELATIF (testé en local et serveur distant) :

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<?php // Script show_image.php
// Cette page affiche une image
 
$name = ''; // Variable drapeau
//$rep_image = 'http://localhost/test/uploads/';
$rep_image = './test/uploads/';
 
// Vérifier le nom d'image pour l'URL
if(!empty($_GET['image'])) {
 
  // Chemin complet de l'image
  $image = $rep_image . $_GET['image'];
 
  // Vérifier que l'image existe et qu'il s'agit d'un fichier
  if( file_exists($image) && (is_file($image)) ) {
 
    // S'assurer qu'elle possède une extension d'image
    $ext = strtolower( pathinfo($image, PATHINFO_EXTENSION) ); // extension REELLE !
    $ext_ok = array('jpg', 'jpeg', 'png', 'gif');
 
    if( in_array($ext, $ext_ok) ) {
      // Définir name avec cette image
      $name = $_GET['image'];
    }
 
  }
}
if( empty($name) ) {
      $name = 'unavailable.png';
      $image = 'images/' . $name;
}
if( !empty($name) ) {
    // Récupérer les informations sur l'image
    $info = getimagesize($image);
    $fs = filesize($image);
 
    // Envoyer les informations du contenu
    header("Content-Type:{$info['mime']}\n");
    header("Content-Disposition: inline; filename=\"$name\"\n");
    header("Content-Length: $fs\n");
    header('Expires: 0');
    header('Cache-Control: must-revalidate');
    header('Pragma: public');
    //Envoyer le fichier
    readfile($image);
}

Avec un chemin ABSOLU, ça bloque au niveau de file_exists($image), car il considère qu'il s'agit d'un fichier distant/étranger, donc protégé.

SOLUTION :
Tout comme pour les include(), on peut indiquer le CHEMIN "relativement absolu" ** (ou absolument relatif ?

) ENTRE :

le script lui-même (show_image.php)
et le dossier de destination

(** : même si ce fichier est lui-même inclus dans un autre, ce chemin ne change PAS !)
avec :

Code :

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

1
2
3
4
$rep_image = __DIR__.'/test/uploads/'; 
// ou
$rep_image = dirname(__DIR__).'/test/uploads/'; 
// à adapter !

**Ludock** · 15/02/2015, 06h55

Effectivement en changeant le chemin et l'adapter de mon côté çà passe bien, merci pour votre aide, j'essayerais de comparer ton script avec le mien pour comprendre cela, c'est encore gentil de m'avoir aider.

Cordialement,

Afficher une image

Langage PHP

Discussions similaires

Partager

Partager