Prévisualiser une image

**apt** · 27/03/2011, 14h34

Bonjour,

J'aimerais pouvoir prévisualiser une image chargé depuis mon pc avant l'envoie vers la bdd.

mais je n'arrive toujours pas.

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
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
  <title>News (add - preview)</title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
</head>
 
<body>
<?php
 
if ($_POST) {
    @extract($_POST);
}
 
if (IsSet($_POST['add']))
 {
     $target_path = "uploads/";
     $target_path1 = $target_path . basename( $_FILES['fileupload']['name']);
     $target_path2 = $target_path . basename( $_FILES['imgupload']['name']);
 
     if(move_uploaded_file($_FILES['fileupload']['tmp_name'], $target_path1)) {
         $errimg = "The file ".  basename( $_FILES['fileupload']['name'])." has been uploaded";
    } else{
    $errimg .= "There was an error uploading the file, please try again!";
    }
 
    if(move_uploaded_file($_FILES['imgupload']['tmp_name'], $target_path2)) {
         $errimg .= "The file ".  basename( $_FILES['imgupload']['name'])." has been uploaded";
    } else{
    $errimg .= "There was an error uploading the file, please try again!";
    }
    echo $errimg;
 
     // do the insert here
     //$sql = 'INSERT INTO your_table ...';
     echo '<meta http-equiv="refresh" content="2; url=addnews.php" />';
     //header("Location: addnews.php");
}
elseif (IsSet($_POST['prev'])) {
?>
<div style="display:block;">
    <p><b>Preview news</b></p>
    <p><?=$title;?></p>
    <div>
    <table style="flot:left; border : 1px solid #eee;">
        <tbody>
            <tr height="1"></tr>
            <tr>
                <td width="1"></td>
                <td align="center">
                    <img height="200" width="225" align="left" src="<?=$_FILES['fileupload']['tmp_name'];?>" alt="">
                    <img height="200" width="225" align="left" src="<?=$_FILES['linkupload']['tmp_name'];?>" alt="">
                </td>
 
            </tr>
            <tr>
                <td width="1"></td>
                <td align="center"><font size="2" color="#333300"><?=$titleimg;?></font></td>
                <td width="1"></td>
                <td></td>
            </tr>
         </tbody>
    </table>
    </div>
    <span><?=$post;?></span>
    <br />
    <hr color="#0000FF" />
</div>
<?php
}
?>
 
<div style="display:block;">
<form enctype="multipart/form-data" method="post" action="<?=$_SERVER['PHP_SELF']?>">
 
    <p>News title :
    <input type="text" name="title" value="<?=$title;?>" size="40" /></p>
    <p>Post :
    <textarea name="post" rows="10" COLS="40" ><?=$post?></textarea></p>
    <p>Image From PC :
    <input type="file" name="fileupload" /></p>
    <p>Image from link :
    <input type="text" name="linkupload" value="<?=$linkupload;?>"/></p>
    <p>Title of image :
    <input type="text" name="titleimg" value="<?=$titleimg;?>"/></p>
    <p>Title of image :
    <input name="add" type="submit" value="Inzert" />
    <input name="prev" type="submit" value="Preview" /></p>
 
</form>
</div>
</body>
</html>

http://majallati.comli.com/test/preview/addnews.php

Merci d'avance.

**sabotage** · 27/03/2011, 15h19

Pourrais-tu décrire le problème que tu rencontres ?

**apt** · 27/03/2011, 15h36

les images n'apparait pas en cliquant le bouton preview.

**vorace** · 27/03/2011, 16h16

serait-ce du à ça ?! :

Avertissement

N'utilisez pas extract() sur des données inconnues, comme les données utilisateurs (i.e. $_GET, $_FILES, etc.). Si vous le faites, par exemple, pour rendre compatible un vieux code avec register_globals à Off de façon temporaire, assurez-vous d'utiliser l'une des constantes extract_type qui n'écrasent pas les valeurs, comme EXTR_SKIP. Sachez aussi que vous devez maintenant extraire dans le même ordre que celui défini dans variables_order du php.ini.

**apt** · 27/03/2011, 16h26

Envoyé par vorace

serait-ce du à ça ?! :

Remplacé par :

Code :

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

1
2
3
4
5
6
if ($_POST) {
    //@extract($_POST);
    $title = $_POST['title'];
    $post = $_POST['post'];
    $titleimg = $_POST['titleimg'];
}

le problème persiste toujours !!

**sabotage** · 27/03/2011, 16h36

Tu ne peux pas lire une image temporaire, elle est détruite a la fin du script.

**apt** · 27/03/2011, 18h01

Envoyé par sabotage

Tu ne peux pas lire une image temporaire, elle est détruite a la fin du script.

Y'a-t-il une solution pour le faire ?

par exemple la sauvegarder dans un dossier tempo puis l'effacer après aperçu du news+image ?

ou une autre solutions fiable ?

**vorace** · 27/03/2011, 18h03

par exemple la sauvegarder dans un dossier tempo puis l'effacer après aperçu du news+image ?

oui !

**apt** · 27/03/2011, 18h28

Voila à nouveau le code :

Ca marche seulement pour l'image chargé du PC.

Et je sais pas si vu coté programmation le code est correct

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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
  <title>News (add - preview)</title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
</head>
 
<body>
<?php
 
if ($_POST) {
    //@extract($_POST);
    $title = $_POST['title'];
    $post = $_POST['post'];
    $titleimg = $_POST['titleimg'];
}
 
if (IsSet($_POST['add']))
 {
     $target_path = "uploads/";
     $target_path1 = $target_path . basename( $_FILES['fileupload']['name']);
     $target_path2 = $target_path . basename( $_FILES['linkupload']['name']);
 
     if(move_uploaded_file($_FILES['fileupload']['tmp_name'], $target_path1)) {
         $errimg = "The file ".  basename( $_FILES['fileupload']['name'])." has been uploaded";
    } else{
    $errimg .= "There was an error uploading the file, please try again!";
    }
 
    if(move_uploaded_file($_FILES['linkupload']['tmp_name'], $target_path2)) {
         $errimg .= "The file ".  basename( $_FILES['linkupload']['name'])." has been uploaded";
    } else{
    $errimg .= "There was an error uploading the file, please try again!";
    }
    echo $errimg;
 
     // do the insert here
     //$sql = 'INSERT INTO your_table ...';
     echo '<meta http-equiv="refresh" content="2; url=addnews.php" />';
     //header("Location: addnews.php");
}
elseif (IsSet($_POST['prev'])) {
 
 
 
     $target_temp_path = "tempo/";
     $target_temp_path1 = $target_path . basename( $_FILES['fileupload']['name']);
     $target_temp_path2 = $target_path . basename( $_FILES['linkupload']['name']);
 
     if(move_uploaded_file($_FILES['fileupload']['tmp_name'], $target_temp_path1)) {
         $errimg = "The file ".  basename( $_FILES['fileupload']['name'])." has been uploaded";
    } else{
    $errimg .= "There was an error uploading the file, please try again!";
    }
 
    if(move_uploaded_file($_FILES['linkupload']['tmp_name'], $target_temp_path2)) {
         $errimg .= "The file ".  basename( $_FILES['linkupload']['name'])." has been uploaded";
    } else{
    $errimg .= "There was an error uploading the file, please try again!";
    }
    echo $errimg;
 
?>
<div style="display:block;">
    <p><b>Preview news</b></p>
    <p><?=$title;?></p>
    <div>
    <table style="flot:left; border : 1px solid #eee;">
        <tbody>
            <tr height="1"></tr>
            <tr>
                <td width="1"></td>
                <td align="center">
                    <img height="200" width="225" align="left" src="<?=$target_temp_path1;?>" alt="">
                    <img height="200" width="225" align="left" src="<?=$target_temp_path2;?>" alt="">
                </td>
 
            </tr>
            <tr>
                <td width="1"></td>
                <td align="center"><font size="2" color="#333300"><?=$titleimg;?></font></td>
                <td width="1"></td>
                <td></td>
            </tr>
         </tbody>
    </table>
    </div>
    <span><?=$post;?></span>
    <br />
    <hr color="#0000FF" />
</div>
<?php
unset($target_temp_path1);
unset($target_temp_path2);
}
?>
 
<div style="display:block;">
<form enctype="multipart/form-data" method="post" action="<?=$_SERVER['PHP_SELF']?>">
 
    <p>News title :
    <input type="text" name="title" value="<?=$title;?>" size="40" /></p>
    <p>Post :
    <textarea name="post" rows="10" COLS="40" ><?=$post?></textarea></p>
    <p>Image From PC :
    <input type="file" name="fileupload" /></p>
    <p>Image from link :
    <input type="text" name="linkupload" value="<?=$linkupload;?>"/></p>
    <p>Title of image :
    <input type="text" name="titleimg" value="<?=$titleimg;?>"/></p>
    <p>Title of image :
    <input name="add" type="submit" value="Insert" />
    <input name="prev" type="submit" value="Preview" /></p>
 
</form>
</div>
</body>
</html>

**vorace** · 27/03/2011, 18h48

normal t'as un input de type "text" pour le lien :

Code :

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

1
2
    <p>Image from link :
    <input type="text" name="linkupload" value="<?=$linkupload;?>"/></p>

tu ne peux pas récupérer le chemin avec $_FILES...

**apt** · 28/03/2011, 14h44

Par exemple comment puis-je récuperer cette image depuis son lien, dans le dossier tempo sur mon site :

http://fr.php.net/images/php.gif

**vorace** · 28/03/2011, 15h42

voila le code dont je me sers (adapté avec tes variables) :

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
// L'url du fichier
		// Le chemin de sauvegarde
		$path = 'tempo/';
		// On coupe le chemin
		$exp = explode('/',$linkupload);
		// On recup l'adresse du serveur
		$serv = $exp[0].'//'.$exp[2];
		// On recup le nom du fichier
		$name = array_pop($exp);
		// On genere le contexte (pour contourner les protections anti-leech)
		$xcontext = stream_context_create(array("http"=>array("header"=>"Referer: ".$serv."\r\n")));
		// On tente de recuperer l'image
		$content = file_get_contents($linkupload,false,$xcontext);
		if ($content === false) 
		{
			$erreur.="<br/>Impossible de récuperer l'image.<br/>";
		}
		// Sinon, si c'est bon, on sauvegarde le fichier
		$test = file_put_contents($path.'/'.$name,$content);
		if ($test === false) 
		{
			$erreur.="<br/><h4>Impossible de sauvegarder l'image.</h4><br/>";
		}

**apt** · 28/03/2011, 17h51

Merci vorace.

Je vais m'en servir ...

**apt** · 28/03/2011, 17h59

Voila ç nouveau le code.

mais il y' un problème : les images ne sont pas uploader dans le dossier tempo mais dans le même emplacement que le fichier appelant qui est addnews.php.

ou est l'erreur ?

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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
  <title>News (add - preview)</title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
</head>
 
<body>
<?php
 
if ($_POST) {
 
    $title = $_POST['title'];
    $post = $_POST['post'];
    $titleimg = $_POST['titleimg'];
	$linkupload = $_POST['linkupload'];
}
 
if (IsSet($_POST['add']))
 {
     $target_path = "uploads/";
     $target_path1 = $target_path . basename( $_FILES['fileupload']['name']);
 
 
     if(move_uploaded_file($_FILES['fileupload']['tmp_name'], $target_path1)) {
         $errimg = "The file ".  basename( $_FILES['fileupload']['name'])." has been uploaded";
    } else{
    $errimg .= "There was an error uploading the file, please try again!";
    }
 
    echo $errimg;
	//-------------
 
$url = $linkupload;
// the path of save
$path = 'uploads/';
 
$exp = explode('/',$url);
 
$serv = $exp[0].'//'.$exp[2];
// the name of file
$filename = array_pop($exp); 
// 
$xcontext = stream_context_create(array("http"=>array("header"=>"Referer: ".$serv."\r\n")));
 
$content = file_get_contents($url,false,$xcontext);
if ($content === false) {
	echo "\nImpossible to get file.";
	exit(1);
}
 
$test = file_put_contents($path.'/'.$filename,$content);
if ($test === false) {
	echo "\nImpossible to save the file.";
	exit(1);
}
// All it's OK
echo "\nSaving file successfull.";
$target_temp_path2 = $path.'/'.$filename;
//--------------
 
     // do the insert here
     //$sql = 'INSERT INTO your_table ...';
     echo '<meta http-equiv="refresh" content="2; url=addnews.php" />';
     //header("Location: addnews.php");
}
elseif (IsSet($_POST['prev'])) {
 
 
 
     $target_temp_path = "tempo/";
     $target_temp_path1 = $target_path . basename( $_FILES['fileupload']['name']);
 
 
     if(move_uploaded_file($_FILES['fileupload']['tmp_name'], $target_temp_path1)) {
         $errimg = "The file ".  basename( $_FILES['fileupload']['name'])." has been uploaded\n";
    } else{
    $errimg .= "There was an error uploading the file ".basename( $_FILES['fileupload']['name']).", please try again!\n";
    }
 
 
 
?>
<div style="display:block;">
    <p><b>Preview news</b></p>
    <p><?=$title;?></p>
    <div>
    <table style="flot:left; border : 1px solid #eee;">
        <tbody>
            <tr height="1"></tr>
            <tr>
                <td width="1"></td>
                <td align="center">
                    <img height="200" width="225" align="left" src="<?=$target_temp_path1;?>" alt="">
                    <img height="200" width="225" align="left" src="<?=$linkupload;?>" alt="">
                </td>
 
            </tr>
            <tr>
                <td width="1"></td>
                <td align="center"><font size="2" color="#333300"><?=$titleimg;?></font></td>
                <td width="1"></td>
                <td></td>
            </tr>
         </tbody>
    </table>
    </div>
    <span><?=$post;?></span>
    <br />
    <hr color="#0000FF" />
</div>
<?php
unset($target_temp_path1);
 
 
}
?>
 
<div style="display:block;">
<form enctype="multipart/form-data" method="post" action="<?=$_SERVER['PHP_SELF']?>">
 
    <p>News title :
    <input type="text" name="title" value="<?=$title;?>" size="40" /></p>
    <p>Post :
    <textarea name="post" rows="10" COLS="40" ><?=$post?></textarea></p>
    <p>Image From PC :
    <input type="file" name="fileupload" /></p>
    <p>Image from link :
    <input type="text" name="linkupload" value="<?=$linkupload;?>"/></p>
    <p>Title of image :
    <input type="text" name="titleimg" value="<?=$titleimg;?>"/></p>
    <p>Title of image :
    <input name="add" type="submit" value="Insert" />
    <input name="prev" type="submit" value="Preview" /></p>
 
</form>
</div>
</body>
</html>

**vorace** · 28/03/2011, 18h08

ou se trouve tempo par rapport au script appelant ?

**apt** · 28/03/2011, 18h30

http://majallati.comli.com/test/preview/tempo/

**vorace** · 28/03/2011, 18h48

quelles images ne sont pas sauvegardées au bon endroit ?
celle avec le lien ou depuis le pc client?

**apt** · 28/03/2011, 19h06

L'image avec lien est prévisualiser directement avec son lien.

mais l'image depuis le pc client n'est pas sauvegarder dans le dossier tempo ....

**apt** · 28/03/2011, 19h29

il fallait ecrire :

Code :

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

$target_temp_path1 = $target_temp_path . basename( $_FILES['fileupload']['name']);

au lieu de :

Code :

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

$target_temp_path1 = $target_path . basename( $_FILES['fileupload']['name']);

un autre probleme :

Code :

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

1
2
 
unlink($target_temp_path1);

à la fin de la prévisualisation me pose un soucis.

l'image est supprimée et je ne peux la voir !!!?

une solution ?

**vorace** · 29/03/2011, 00h20

enlève le unlink, et au moment ou tu testes :

Code :

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

if(IsSet($_POST['add'])){....}

à ce moment la tu testes si le fichier existe avec file_exists() dans tempo et si c'est le cas tu le déplaces dans uploads sans le supprimer mais au cas ou l'utilisateur change d'image entre la preview et la validation, tu crées une variable de session dans laquelle tu stocks le nom de l'image que tu supprimes si elle est différente de l'image validé...je sais c'est un peu compliqué dit comme ça mais je t'aurai bien fait le code pour que tu puisses voir mais la je suis débordé...

Prévisualiser une image

Langage PHP

Discussions similaires

Partager

Partager