valider formulaire "file" sans avoir à cliquer sur "submit"?

Version imprimable

Bonjour à tous je souhaiterais faire un truc qui me paraissait simple et qui pourtant est bien compliqué, arf!
Je souhaiterais pouvoir valider mon formulaire d'upload de type "file" sans avoir à cliquer sur le bouton "submit". Alors voila mon code qui est un mix de tout ce que j'ai pus trouver sur le net mais ca fonctionne toujours pas ? :(
Code:

1 2 3 4 5 6 7 8 9 10 <form method="post" name="form" enctype="multipart/form-data" action="#"> <p>  <input type="hidden" name="MAX_FILE_SIZE" value="10000000"> <input onchange="document.form.submit();" type="file" name="fichier" size="30"> <input type="submit" name="upload" value="Uploader"> </p> </form>

Code:

1
2
3
<form name="myform" action="javascript:alert(document.getElementById('fichier').value)" method="post" >
<input onchange="document.forms['myform'].submit();" type="file" name="fichier" id="fichier" size="30">
</form>

ça fonctionne ....

masi pas très ergonomique... si tu te goures de fichier ... c'est parti !

06/05/2010, 14h11
Bovino

Code:

onchange="this.form.submit();"

Alors pour "Space Frog" merci mais c'est pas vraiment ça que j'veu faire!!!

Et pour "Bovino" jai fais :
Code:

1 2 3 4 5 6 7 8 9 10 <form method="post" name="form" enctype="multipart/form-data" action="#"> <p>  <input type="hidden" name="MAX_FILE_SIZE" value="10000000"> <input onchange="this.form.submit();" type="file" name="fichier" size="30"> <input type="submit" name="upload" value="Uploader"> </p> </form>
Mais toujours pas de changement, arf!!! :cry:

06/05/2010, 14h46
SpaceFrog

je testais juste la possibilité d'envoyer un form dynamiquement sur le onchange d'un input type file

Citation:

Alors pour "Space Frog" merci mais c'est pas vraiment ça que j'veu faire!!!

Alors explique ce que tu cherches à faire ...
06/05/2010, 14h54
wwwbillgates

Il faudrait quen cliquant sur le bouton parcourir, la fenetre pour choisir le fichier s'ouvre, normal :P et ca serai lorsque l'on clic sur ouvrir que le fichier est automatiquement soumis, sans que l'on ai à cliquer sur le bouton "uploader"... Je sais que c'est possible mais je sais pas comment, ausecour :cry:
06/05/2010, 15h23
SpaceFrog

ben c'est pas ce que fait mon code ????

j'ai juste simulé la soumission en mettant un alert dans l'action (pour test) mais si tu laisse le fichier de destination dans l'action il me semble bien que c'est exactement ce que fait mon code ???

mince mince mince j'y arrive vraiment pas! arf! faut dire que j'suis pas doué en javascript aussi :( ci-dessous mon code avec ton model et plus d'éléments :

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
<form name="myform" action="javascript:document.getElementById('upload').value" method="post" >
			<input onchange="document.forms['myform'].submit();" value="" type="file" name="upload" id="upload" size="30">
		</form>
 
 
 
 
 
 
 
 
		<?php
                  /*************************************/
                 /*** Valeurs du formulaire d'upload
                /*************************************/         
                if( isset($_POST['upload']) )
                {
                        // variables disponibles
                                                $nom_photo = $_FILES['fichier']['name']; //Le nom original du fichier, comme sur le disque du visiteur, (exemple: mon_icone.png).
                                                $extension_photo = $_FILES['fichier']['type']; //Le type du fichier. Par exemple, cela peut être "image/png"
                                                $taille_fichier = $_FILES['fichier']['size']; //La taille du fichier en octets
                                                $fichier_tmp = $_FILES['fichier']['tmp_name']; //L'adresse vers le fichier uploadé dans le répertoire temporaire
                                                $erreur = $_FILES['fichier']['error']; //Le code d'erreur, qui permet de savoir si le fichier a bien été uploadé     
                        // dossier photos
                                                $dossier_photos = '../../photos/'; 
                        // on vérifie si le fichier temporaire est présent
                                                if( !is_uploaded_file($fichier_tmp) )
                                                {
                                                        exit("Le fichier est introuvable.");
                                                }
                        // on vérifie l'extension
                                                if( !strstr($extension_photo, 'jpg') and !strstr($extension_photo, 'jpeg') and !strstr($extension_photo, 'bmp') and !strstr($extension_photo, 'gif') and !strstr($extension_photo, 'png') and !strstr($extension_photo, 'tiff'))
                                                {
                                                        exit("Les fichiers avec l'extension $extension_photo ne sont pas autorisés.");
                                                }
                        // on vérifie le poid maximum de la photo (10mo)
                                                if ($taille_fichier > 10000000)
                                                {
                                                        exit("Votre photo est trop volumineuse, merci d'en réduire la taille.");
                                                }
                        // on vérifie la taille minimum de la photo en pixels (100x100px)                      
                                                $taille_photo = getimagesize($fichier_tmp);
                                                if ($taille_photo[0] < 100 OR $taille_photo[1] < 100)
                                                {
                                                        exit("Votre photo est trop petite, merci d'en choisir une de meilleure qualité.");
                                                }
                        // On renomme le fichier puis on le copie dans le dossier de destination
                                                $nom_photo_renomme = md5(uniqid(rand(), true)); // uniquid() Génère un identifiant unique basé sur la date et heure courante en microsecondes.
                                                $extension_photo = strtolower(strrchr($nom_photo, '.')); //strrchr renvoie l'extension avec le point // strtolower met l'extension en minuscule
                                                $nom_photo_renomme_avec_extension = $nom_photo_renomme . $extension_photo;
                                                
                                                
                                                if( !move_uploaded_file($fichier_tmp, $dossier_photos . $nom_photo_renomme_avec_extension) )
                                                {
                                                        exit("Une erreur s'est produite, impossible de copier le fichier dans $dossier_photos");
                                                }
                        //Envoi en cours, merci de patienter...
                        $_SESSION['bouille']['photo']['boite_1']['photo_1'] = $nom_photo_renomme_avec_extension;
                        echo 'Votre photo a bien été envoyée.';
                }
                ?>

06/05/2010, 16h17
SpaceFrog

Code:

action="javascript:document.getElementById('upload').value"

:roll::roll::roll:

dans action tu mets la page de traitement du form ....

Tu voudrais que la page de traitement soit celle selectionnée dans le input type file ?
06/05/2010, 16h33
wwwbillgates

oui en effet, car il s'agit d'un formulaire qui permettrait d'uploader des photos présentes sur le disque dur puis à laquelle je soumet plusieurs traitements en php sur la photo puis elle est envoyé sur le serveur.
et le code en php qui récupere le POST se trouve sur la meme page que le bouton parcourir...
06/05/2010, 16h36
Bovino

Citation:

puis à laquelle je soumet plusieurs traitements en php sur la photo puis elle est envoyé sur le serveur.

:koi:
Et par quel miracle veux-tu effectuer des traitements en PHP avant de l'avoir envoyée sur le serveur ???
:roll:
06/05/2010, 17h16
wwwbillgates

oui enfin sur l'image tmp je voulais dire mais bon !!! :ccool:
06/05/2010, 17h26
SpaceFrog

c'est pas clair ton truc ...
06/05/2010, 17h41
Bovino

Citation:

Envoyé par wwwbillgates

oui enfin sur l'image tmp je voulais dire mais bon !!! :ccool:

Citation:

Envoyé par SpaceFrog

Code:

action="javascript:document.getElementById('upload').value"

La question reste la même, à quel moment crois-tu que l'image est envoyée au serveur dans ton code ?
06/05/2010, 17h48
wwwbillgates

Béh quand j'ouvre une image de mon disque et que je clique sur mon bouton uploader elle part sur le serveur sans problème. Je cherche simplement à supprimer le bouton uploader pour que l'image aye sur mon serveur sans avoir à cliquer sur le bouton.
Après si j'utilise pas les bons termes c'est parce que je débute ;)

Bonsang ayé jai trouvé :
Alors j'ai pus lire sur un site que le formulaire de type file renvoyait un array $_FILES et apparement dès lors ou le bouton "envoyer" n'est plus utiliser on peut récupérer le $_FILES et non une variable portant le nom du bouton :P ahlala que d'aventure :D
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <form method="post" id="form_file" enctype="multipart/form-data" action="#"> <p> <input type="file" onchange="document.getElementById('form_file').submit()" name="fichier" size="30"> </p> </form> <?php /*************************************/ /*** Valeurs du formulaire d'upload /*************************************/ if( isset($_FILES) ) { // variables disponibles $nom_photo = $_FILES['fichier']['name']; ...................................... ...................................... ......................................
Merci à tous :wink: