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

**genjikun** · 01/02/2006, 14h28

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

**Mr N.** · 01/02/2006, 14h47

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.

**genjikun** · 01/02/2006, 15h15

quand je fait

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

il ne me trouve rien....

ya t-il une autre fa�on ?

**Mr N.** · 01/02/2006, 15h20

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.

**ozzmax** · 01/02/2006, 15h24

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

**genjikun** · 01/02/2006, 15h31

Voici mon code
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
 
$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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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>

**Mr N.** · 01/02/2006, 15h33

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?

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

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

**Caerbannog** · 01/02/2006, 16h00

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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.

**genjikun** · 01/02/2006, 16h03

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

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

**genjikun** · 01/02/2006, 16h05

Envoy� par Caerbannog

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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�

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

JavaScript

Vue hybride

Discussions similaires

Partager

Partager