[Upload] upload d'une image

Version imprimable

16/03/2006, 11h35
emna_icn

[Upload] upload d'une image

Bonjour,
voila g un problème! g créé une base de donnée avec Nom, Prénom, PHOTO ....... g donné la valeur 250 à image en varchar (je pense ke c suffisant pour uploader une photo de 100 Ko, ensuite g créé un formulaire PHP pour enregistrer sur cette base, le probleme c ke je c pas comment faire le code php pour uploader
alors pouvez vous m'aider merci!

Merci

Emna
16/03/2006, 11h56
Hervé Saladin

Salut,

Citation:

g donné la valeur 250 à image en varchar (je pense ke c suffisant pour uploader une photo de 100 Ko

Non, certainement pas pour stocker la photo dans la base.
Deja on ne stocke pas un fichier dans un champ varchar, mais en plus ça ne suffit pas niveau taille :
en général, un caractere est codé sur 1octet, or 100Ko = 100 000 octets = la taille d'une chaine de caracteres de 100 000 caracteres !
Bref, de toutes façons ce n'est pas comme ça qu'il faut faire.

Voila la marche à suivre :

1) créer un formulaire html (balise <form>) avec l'attribut enctype ayant la valeur multipart/form-data (c'est indispensable si tu veux que ça marche)

Code:

<form name="formulaire" action="tonScriptQuiTraiteLUpload.php" method="POST" enctype="multipart/form-data">

2) créer dans ce formulaire un champ de type file

Code:

<input type="file" name="lImageUploadee">

3) il faut maintenant récuperer sur le serveur le fichier qui vient d'etre uploadé. Une fois uploadé, ce fichier est automatiquement stocké dans le tableau $_FILES[]. Tu peux y acceder ainsi :

Code:

$_FILES['lImageUploadee']

Ce qu'il faut faire, ce n'est pas stocker ce fichier dans la base de données, mais plutot le copier sur le disque de ton serveur à l'endroit et avec le nom que tu veux, puis dans la base de données tu stocke uniquement le nom (et eventuellement le chemin si tu en as besoin) du fichier ainsi créé.
Tu pourras ainsi y accèder chaque fois que tu en aura besoin, en allant piocher le nom du fichier dans la base de données, puis en retrouvant ce fichier sur le disque grâce à son nom :)

Voici quelques liens utiles que tu aurais facilement pu trouver toi-même dans la FAQ :
http://php.developpez.com/faq/?page=...ichiers_upload
http://php.developpez.com/faq/?page=...filtretypemime
16/03/2006, 11h56
nicoaix

Tu veux uploader une photo dans ta base de données? ou uploader sur ton serveur?
16/03/2006, 11h57
Yogui

Salut

Je me permets d'ajouter ce lien à la liste de pages à lire :
http://sql.developpez.com/stockerimages/
16/03/2006, 21h02
emna_icn

merci

voila je vous remercie pour le coup de main, :D
et c'est pareil pour uploder des fichiers PDF et .DOC?

Emna
16/03/2006, 21h11
Hervé Saladin

Oui, c'est strictement la même chose :)
Evidemment, fais bien attention aux types de fichiers que tu autorise tes utilisateurs à uploader.
Une vérification coté client ne suffit pas, il faut impérativement filtrer au niveau du serveur.
Refuse le téléchargement de fichiers php, perl, executables etc ...
Sinon, cela pourrait poser de graves problèmes de sécurité (peut être même tres graves !).
17/03/2006, 10h01
emna_icn

:!:

Bonjour,
à vrai dire je suis bloquée, tt se mélange dans ma tête.
je n'arrive pas à me retrouver!
g créer le formulaire et le code php correspondant à l'insertion du text
mé le problème se pose tjrs pour l'upload
:cry:
17/03/2006, 11h05
Hervé Saladin

Ah ben oui, mais vu ce que tu nous dis sur ton probleme, on peut pas beaucoup t'aider ....
Donne nous plus d'infos.
Explique ou tu en est, décrit nous ce qui ne marche pas, éventuellement les bugs ou les erreurs rencontrées, montre nous le code qui pose problème, bref ... donne nous plus de détails, parce que si tu te contente de dire "ça marche pas", on pourra rien faire pour toi !

C'est un morceau du code kon m'as filé
mais il ne fonctionne pas!
merci d'avance :)
j'espere ke je ne vous casse pas trop la tete :?: :?:

Code:

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
 
	if($_POST['posted']) 
	{ 
 
	// On vérifie si le champ est rempli 
 
	  if($_FILES['fichier']['name']) 
	  { 
	     // On vérifie l'extension du fichier 
 
	    if(in_array(strtolower($extension),$extensions_ok)) 
	    { 
	       // On récupère les dimensions du fichier 
 
	        $infos_img = getimagesize($_FILES['fichier']['tmp_name']); 
 
	// On vérifie les dimensions et taille de l'image 
 
	        if(($infos_img[0] <= $width_max) && ($infos_img[1] <= $height_max) && ($taille <= $max_size)) 
	        { 
	           // Si c'est OK, on teste l'upload 
 
	            if(move_uploaded_file($tmp,$chemin)) 
	            { 
 
	              // Si upload OK alors on affiche le message de réussite 
 
	                echo '<p align="center">'; 
	                echo '<font face="Verdana" size="2" color="#FF0000">'; 
	                echo '<b>Image uploadée avec succès !</b>'; 
	                echo '</font>'; 
	                echo '<hr>'; 
	                echo '<b>Fichier :</b> '.$_FILES['fichier']['name'].'</br>'; 
	                echo '<b>Taille :</b> '.$_FILES['fichier']['size'].' Octets</br>'; 
	                echo '<b>Largeur :</b> '.$infos_img[0].' px</br>'; 
	                echo '<b>Hauteur :</b> '.$infos_img[1].' px</br>'; 
	                echo '<hr>'; 
	                echo '<br><br>'; 
	            } 
	               else 
	            { 
 
	               // Sinon on affiche une erreur système 
 
	                echo '<p align="center">'; 
	                echo '<font face="Verdana" size="2" color="#FF0000">'; 
	                echo '<b>Problème lors de l\'upload !</b>'; 
	echo '</font><br><br>'; 
	} 
	} 
	else 
	{ 
 
	// Sinon erreur sur les dimensions et taille de l'image 
 
	            echo '<p align="center">'; 
	            echo '<font face="Verdana" size="2" color="#FF0000">'; 
	            echo '<b>Erreur dans les dimensions ou taille de l\'image !</b>'; 
	echo '</font><br><br>'; 
	} 
	} 
	else 
	{ 
 
	// Sinon on affiche une erreur pour l'extension 
 
	        echo '<p align="center">'; 
	        echo '<font face="Verdana" size="2" color="#FF0000">'; 
	        echo '<b>Votre image ne comporte pas une extension valide !</b>'; 
	        echo '</font><br><br>'; 
	    } 
	   } 
	    else 
	   { 
 
	    // Sinon on affiche une erreur pour le champ vide 
 
	    echo '<p align="center">'; 
	    echo '<font face="Verdana" size="2" color="#FF0000">'; 
	    echo '<b>Le champ du formulaire est vide !</b>'; 
	    echo '</font><br><br>';

17/03/2006, 12h19
Hervé Saladin

Citation:

C'est un morceau du code kon m'as filé
mais il ne fonctionne pas!

Qu'est-ce qui ne marche pas ? tu as un message d'erreur ? que se passe-t-il ?
Envoie aussi le code html de ton formulaire

j'ai testé mé ca ne fonctionne pas

Code:

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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
 
<html>
<body>
<div align="center"><span class="Style1">Depôt de CV </span><br>
</div>
<table width="761" height="255" border="0">
  <tr>
    <td><form action="code_insert_into.php" method="post" enctype="multipart/form-data" name="form">
        <table width="751" border="0">
          <tr> 
            <td colspan="2"><p class="Style2">Information personnelles </p>
            <p class="Style2">&nbsp;</p></td>
          </tr>
          <tr> 
            <td width="208"><p class="Style5">Nom</p>
            </td>
            <td width="533"><input name="nom" type="text" class="Style7" id="nom" size="30"></td>
          </tr>
          <tr> 
            <td><span class="Style5">Prenom </span></td>
            <td><input name="prenom" type="text" class="Style7" id="prenom" size="30"></td>
          </tr>
          <tr> 
            <td><span class="Style5">Date de naissance </span></td>
            <td><span class="Style7">
              <select name="jj" size="1" class="Style7" id="jj" onChange="MM_jumpMenu('parent',this,0)">
                <option selected>01</option>
                <option>02</option>
                <option>03</option>
                <option>04</option>
                <option>05</option>
                <option>06</option>
                <option>07</option>
                <option>08</option>
                <option>09</option>
                <option>10</option>
                <option>11</option>
                <option>12</option>
                <option>13</option>
                <option>14</option>
                <option>15</option>
                <option>16</option>
                <option>17</option>
                <option>18</option>
                <option>19</option>
                <option>20</option>
                <option>21</option>
                <option>22</option>
                <option>23</option>
                <option>24</option>
                <option>25</option>
                <option>26</option>
                <option>27</option>
                <option>28</option>
                <option>29</option>
                <option>30</option>
                <option>31</option>
              </select> 
              <select name="mm" id="mm" onChange="MM_jumpMenu('parent',this,0)">
                <option>01</option>
                <option>02</option>
                <option>03</option>
                <option>04</option>
                <option>05</option>
                <option>06</option>
                <option>07</option>
                <option>08</option>
                <option>09</option>
                <option>10</option>
                <option>11</option>
                <option>12</option>
              </select> 
              <select name="aa" id="aa" onChange="MM_jumpMenu('parent',this,0)">
                <option selected>1940</option>
                <option>1941</option>
                <option>1942</option>
                <option>1943</option>
                <option>1944</option>
                <option>1945</option>
                <option>1946</option>
                <option>1947</option>
                <option>1948</option>
                <option>1949</option>
                <option>1950</option>
                <option>1951</option>
                <option>1952</option>
                <option>1953</option>
                <option>1954</option>
                <option>1955</option>
                <option>1956</option>
                <option>1957</option>
                <option>1958</option>
                <option>1959</option>
                <option>1960</option>
                <option>1961</option>
                <option>1962</option>
                <option>1963</option>
                <option>1964</option>
                <option>1965</option>
                <option>1966</option>
                <option>1967</option>
                <option>1968</option>
                <option>1969</option>
                <option>1970</option>
                <option>1971</option>
                <option>1972</option>
                <option>1973</option>
                <option>1974</option>
                <option>1975</option>
                <option>1976</option>
                <option>1977</option>
                <option>1978</option>
                <option>1979</option>
                <option>1980</option>
                <option>1981</option>
                <option>1982</option>
                <option>1983</option>
                <option>1984</option>
              </select>
            </span></td>
          </tr>
          <tr> 
            <td><span class="Style5">Numero CIN </span></td>
            <td><input name="cin" type="text" class="Style7" id="cin" size="30" maxlength="8"></td>
          </tr>
          <tr> 
            <td><span class="Style5">Etat civil </span></td>
            <td><span class="Style7">
              <select name="ecivil" class="Style7" id="ecivil" onChange="MM_jumpMenu('parent',this,0)">
                <option>c&eacute;libataire </option>
                <option>mari&eacute;</option>
                <option>veuf</option>
                <option>divorc&eacute;</option>
              </select>
            </span></td>
          </tr>
          <tr> 
            <td><span class="Style5">Nationalit&eacute; </span></td>
            <td><input name="nation" type="text" class="Style7" id="nation" size="30" maxlength="30"></td>
          </tr>
          <tr> 
            <td><span class="Style5">E-mail </span></td>
            <td><input name="email" type="text" class="Style7" id="email" size="30" maxlength="30"></td>
          </tr>
          <tr> 
            <td><span class="Style5">Tel&eacute;phone </span></td>
            <td><input name="tel" type="text" class="Style7" id="tel" size="30" maxlength="30"></td>
          </tr>
          <tr> 
            <td><p class="Style5">photo </p>
            <p class="Style5">&nbsp;</p></td>
            <td><span class="Style8"><span class="Style2">
              <input name="photo" type="file" class="Style7" id="photo">
            </span>
            </span></td>
          </tr>
          <tr> 
            <td colspan="2"><p class="Style2">Dipl&ocirc;mes et Formations <span class="Style8">
            </span></p>
            <p class="Style2">&nbsp;</p></td>
          </tr>
          <tr> 
            <td class="Style5"><span class="Style7">Dipl&ocirc;me en cours de pr&eacute;paration </span></td>
            <td><span class="Style5">
              <select name="diplom" size="1" class="Style7" id="diplom" onChange="MM_jumpMenu('parent',this,0)">
                <option>Habilitation universitaire</option>
                <option>Doctorat</option>
                <option>Master/DEA</option>
                <option>Dipl&ocirc;me d'ing&eacute;nieur</option>
                <option>Ma&icirc;trise</option>
              </select>
            </span></td>
          </tr>
          <tr> 
            <td class="Style5"><span class="Style7">Th&eacute;me de recherche </span></td>
            <td><select name="theme" class="Style7" id="theme" onChange="MM_jumpMenu('parent',this,0)">
              <option>Réingénierie,Réutilisation et Environnements Logiciels</option>
              <option>Ingénierie des methodes et des processus</option>
              <option>Wb Services et Application </option>
              <option>Travail copératif assisté par ordinateur</option>
              <option>BD avancées</option>
              <option>qualité du Logiciel et SI</option>
            </select></td>
          </tr>
          <tr> 
            <td class="Style5"><span class="Style8">Type Projet </span></td>
            <td><select name="type_p" class="Style7" id="type_p" onChange="MM_jumpMenu('parent',this,0)">
              <option>CMCU</option>
              <option>STIC</option>
              <option>Tempus</option>
              <option>AUF</option>
            </select></td>
          </tr>
          <tr> 
            <td class="Style5"><span class="Style8">Institut de rattachement </span></td>
            <td><span class="Style8">
              <input name="institut" type="file" class="Style7" id="institut">
            </span></td>
          </tr>
          <tr> 
            <td class="Style5"><span class="Style8">Modules enseingn&eacute;s </span></td>
            <td><span class="Style8">
              <input name="module" type="file" class="Style7" id="module">
            </span></td>
          </tr>
          <tr> 
            <td class="Style5"><span class="Style8">Liste de publication </span></td>
            <td><span class="Style8">
              <input name="liste" type="file" class="Style7" id="liste">
            </span></td>
          </tr>
          <tr> 
            <td class="Style5">coop&eacute;ration</td>
            <td><input name="cooperation" type="text" class="Style7" id="cooperation"></td>
          </tr>
          <tr> 
            <td class="Style5"><span class="Style8">Rapport d'activit&eacute; </span></td>
            <td><span class="Style8">
              <input name="rapport" type="file" class="Style7" id="rapport">
            </span></td>
          </tr>
          <tr> 
            <td class="Style5"><span class="Style8"></span></td>
            <td><input name="Submit" type="submit" class="Style7" value="Envoyer"></td>
          </tr>
        </table>
    </form></td>
  </tr>
</table>
</body>
</html>

et ceci la partie php je n'ai traité que la partie consernant l'upload de l'image.
merci

Code:

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
<?php include "connect.php";
	$target = "files/"; 
   	$max_size = 100000; // Taille max en octets du fichier 
	$width_max = 100; // Largeur max de l'image en pixels 
	$height_max = 100; // Hauteur max de l'image en pixels 
	$extensions_ok = array(".jpg",".gif",".bmp",".jpeg");
	$foto = $_FILES['photo']['name']; 
	$taille = $_FILES['photo']['size']; 
	$tmp = $_FILES['photo']['tmp_name']; 
	$chemin = $target.$_FILES['photo']['name']; 	  
	$extension = substr(strrchr($foto, "."), 0); // Récupération de l'extension 
	if($_POST['posted']) 
	{ 		// On vérifie si le champ est rempli 
 
	  if($_FILES['photo']['name'])
 
	  { 	// On vérifie l'extension du fichier 
 
	    if(in_array(strtolower($extension),$extensions_ok)) 
	    {  	  
	              if(move_uploaded_file($tmp,$chemin)) 
 
	            { alert("Image téléchargée avec succès ! ");
 
   	            } 
	else
	{				alert("Problème lors du téléchargement ! ");
 
    }}
	else 
	{ 			// Sinon on affiche une erreur pour l'extension 
	  			alert("Votre image ne comporte pas une extension valide !");
 
	    }} 
 
	else 
	   { 
	  	    // Sinon on affiche une erreur pour le champ vide 
	  			alert("Le champs du formulaire est vide !");
 
	   } 
	} 
 
$req = " INSERT INTO cv (nom,prenom,date_naiss,cin,ecivil,nation,email,tel,photo,diplom,theme,type_p,institut,module,liste,cooperation,rapport)
VALUES ('$nom','$prenom','$jj-$mm-$aa','$cin','$ecivil','$nation','$email','$tel','$photo','$diplom','$theme','$type_p','$institut','$module','$liste','$cooperation','$rapport')";
	mysql_query($req) or die ('Erreur SQL!'. $req '<br />'. mysql_error());
	mysql_close();
	?>

Ca ne va pas repondre a ta question mais en lisant ton code ya un petit truc qui m'a choqué c'est l'ecriture des données de tes combobox

une petite astuce qui n'en est pas une : utilise une boucle c'est quand meme plus simple.

au lieu d'ecrire ca :

Code:

1
2
3
4
5
6
7
8
9
 
<select name="jj" size="1" class="Style7" id="jj" onChange="MM_jumpMenu('parent',this,0)">
<option selected>01</option>
                <option>02</option>
                <option>03</option>
                <option>04</option>
                <option>05</option>
                ...
</select>

tu met ca :

Code:

1
2
3
4
5
6
7
8
9
 
<select name="jj" size="1" class="Style7" id="jj" onChange="MM_jumpMenu('parent',this,0)">
          <? 
            for ($j=1 ; $j<32 ; $j++)
           { 
             echo '<option selected>'.$j.'</option>';
            }
           ?>
</select>

ca va te generer l'integralité des données que tu souhaites afficher dans ta combo

et pareil pour les annees :

Code:

1
2
3
4
5
6
7
 
<select name="aa" id="aa" onChange="MM_jumpMenu('parent',this,0)">
for ($a=1940 ; $a<1985 ; $a++)
		   { 
			 echo '<option selected>'.$a.'</option>';
		   }
</select>