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.