[Javascript] UPLOAD FICHIER(avc code de modif du txt dun iput type file)

Version imprimable

Bonjour,

Jai un petit probleme d'upload de fichier avec le code de modification du texte input type file

voici le code qui permet de modifier le texte :
Code:

1 2 3 4 5 6 <script type="text/javascript"> function getfile(){ document.getElementById('hiddenfile').click(); document.getElementById('selectedfile').value=document.getElementById('hiddenfile').value } </script>
Code:

1 2 3 4 5 <body> <input type="file" id="hiddenfile" style="display:none" name="upload" /> <input type="text" id="selectedfile" name="upload2" /> <input type="button" value="Select a file" onclick="getfile()" /> </body>
SOURCE : http://javascript.developpez.com/faq...er#BtInputFile

Je voudrais savoir comment faire lupload ???
merci d'avance

01/02/2006, 14h47
Mr N.

Le rapport avec php ?

Tu upload en cliquant sur un bouton submit, en mettant tout tes input dans un formulaires avec la methode, l'enctype et l'action qui vont bien.
01/02/2006, 15h15
genjikun

quand je fait

Code:

if(!empty($_FILES[upload]))

il ne me trouve rien....

ya t-il une autre façon ?
01/02/2006, 15h20
Mr N.

déjà n'utilise pas empty, ensuite on a pas le code de ton formulaire.
Ma boule de cristal me dit que tu as oublié enctype
Mon tarot m'indique que tu as oublié le champ max size.
Et mon petit doigt me souffle que le fichier uploadé est trop gros.
01/02/2006, 15h24
ozzmax

Mr N.
est ce que le max size est obligatoire admettons le fait qu'on ne connaisse pas la grosseur maximal du fichier uploadable?
:roll:

Voici mon code
PHP:

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
 
$target     = '../../images/logo/transporteur/'; 
$max_size   = 200000;     
$width_max  = 150;      
$height_max = 50; 
 
$nom_file   = $_FILES['logo']['name']; 
$taille     = $_FILES['logo']['size']; 
$tmp        = $_FILES['logo']['tmp_name'];
$logo = $target.$nom_file;
 
if(!empty($_POST['posted'])) {
    						// On vérifie si le champ est rempli 
							 if(!empty($_FILES['logo']['name'])) {
							 // On vérifie l'extension du fichier 
							  if((substr($nom_file, -3) == "jpg") || (substr($nom_file, -4) == "jpeg") || (substr($nom_file, -3) == "JPG") 
							  || (substr($nom_file, -4) == "JPEG") || (substr($nom_file, -3) == "gif") || (substr($nom_file, -3) == "GIF")){
							   // On récupère les dimensions du fichier 
							   $infos_img = getimagesize($_FILES['logo']['tmp_name']); 
							    // On vérifie les dimensions et taille de l'image 
							    if(($infos_img[0] <= $width_max) && ($infos_img[1] <= $height_max) && ($_FILES['logo']['size'] <= $max_size)) { 
								 // Si c'est OK, on teste l'upload 
								 if(move_uploaded_file($_FILES['logo']['tmp_name'],$target.$_FILES['logo']['name'])) { 
								  // Si upload OK alors on affiche le message de réussite 
								   echo "Le logo a bien été chargé";
								 }else{ 
								  // Sinon on affiche une erreur système 
								  echo '<b>Problème lors de l\'upload !</b><br /><br /><b>', $_FILES['logo']['error'], '</b><br /><br />';
								  $erreur = 1; 
								 }
							    }else{ 
							     // Sinon on affiche une erreur pour les dimensions et taille de l'image 
								 echo '<b>Problème dans les dimensions ou taille de l\'image !</b><br />';
								 echo '<b>Votre image ne doit pas dépasser cette dimension : 150*50</b><br />'; 
								 echo '<b>Votre image ne doit pas dépasser cette taille : 200 octects</b><br /><br />';
								 $erreur = 1;
							   } 
							  }else{ 
							   // Sinon on affiche une erreur pour l'extension 
							   echo '<b>Votre image ne comporte pas l\'extension .jpg ou .gif!</b><br /><br />'; 
							   $erreur = 1;
							  }
							 }
							}

HTML :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<script type="text/javascript">
function getfile(){
    document.getElementById('hiddenfile').click();
    document.getElementById('selectedfile').value=document.getElementById('hiddenfile').value;
 
}
</script>
 
<form method="post" action="_script-create-transporteur.php" ENCTYPE="multipart/form-data" >
<input type="file" id="hiddenfile" style="display:none"  name="logo"/>
<input type="text" id="selectedfile" name="logo2" />
<input type="button" value="Select a file" onclick="getfile()">
<button name=Valider type=Submit class="boutton2"><img src="../image/bouton/button_ok.gif" alt="Valider" align="left"></button>
</form>

01/02/2006, 15h33
Mr N.

Citation:

Envoyé par ozzmax

Mr N.
est ce que le max size est obligatoire admettons le fait qu'on ne connaisse pas la grosseur maximal du fichier uploadable?
:roll:

En effet, mon jeu de tarot commence à battre de l'aile :

Citation:

Le champs caché MAX_FILE_SIZE (mesuré en octets) doit précédé le champ input de type file et sa valeur représente la taille maximale acceptée du fichier. Ceci est considéré comme un conseil pour le navigateur, bien que PHP l'utilise également. Il est très facile de contourner cette restriction. Ne comptez pas sur le respect de cette configuration par le navigateur! La configuration de PHP sur la taille maximale à respecter (upload_max_filesize) ne peut être contournée, elle. Vous devez ajouter la variable MAX_FILE_SIZE à votre formulaire dans tous les cas car il prévient le chargement de gros fichiers qui demanderait un long délai d'attente au client et ainsi fera échouer le script.

ps: Et avec ini_get tu peux connaitre la taille max

Code:

1
2
3
4
5
6
7
8
$target     = '../../images/logo/transporteur/';
$max_size   = 200000;     
$width_max  = 150;     
$height_max = 50;
 
$nom_file   = $_FILES['logo']['name'];
$taille     = $_FILES['logo']['size'];
tmp        = $_FILES['logo']['tmp_name'];

Je lis pas plus loin, y'a une parse error.

01/02/2006, 16h03
genjikun

pour le moment la taille du fichier m'importe peu...

c'est juste de petites images faisant quelques octects voir kilo

aurais-tu une solution pour ce problème ?

tout marche tres bien en fesant un

Code:

<input type="file" name="logo" class="boutton"/>

sans utiliser le code js qui permet de changer le text du bouton
(Parcourir)

Citation:

Envoyé par Caerbannog

Code:

1
2
3
4
5
6
7
8
$target     = '../../images/logo/transporteur/';
$max_size   = 200000;     
$width_max  = 150;     
$height_max = 50;
 
$nom_file   = $_FILES['logo']['name'];
$taille     = $_FILES['logo']['size'];
tmp        = $_FILES['logo']['tmp_name'];

Je lis pas plus loin, y'a une parse error.

oui j'ai fait un mauvais copier coller

Code:

1
2
3
4
5
6
7
$max_size   = 200000;     
$width_max  = 150;     
$height_max = 50;
 
$nom_file   = $_FILES['logo']['name'];
$taille     = $_FILES['logo']['size'];
$tmp        = $_FILES['logo']['tmp_name'];

il maquais un '$' avant le 'tmp'
désolé