[formulaire] réinitialiser un champ de type file

**Baadshah** · 19/12/2005, 11h38

Bonjour,

J'ai un formulaire dans lequel j'utilise la balise input de type file pour permettre à l'utilisateur d'ajouter des fichiers.
Tout fonctionne bien, mais je dois améliorer la chose en récupérant le chemin des fichiers sélectionnés et en fansant l'upload une seule fois lorsque l'utilisateur valide le formulaire ou en différé.

Je ne sais pas comment réinitialiser mon champ apès avoir récupéré le chemin du fichier sélectionné pour que l'upload ne soit pas fait lorsque je recharge la page pour mettre à jour le formulaire.

**siddh** · 19/12/2005, 13h53

pour des raisons evidentes de sécurité tu ne peux pas accéder au value d'un input file.

si tu veux le reinitialiser, soit tu passes par le reset() du form, soit tu en recréé un avec un createElement et apres tu fais un replaceChild

**Baadshah** · 19/12/2005, 14h15

Je viens d'éssayer avec le reset() comme ceci :

Code :

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

document.formulaire.fichier.reset();

Mais ça ne semble pas fonctionner, c'est comme si tout se figeait arrivé à cette ligne.

Pourriez vous me donner quelques précisions concernant l'autre méthode s'il vous plaît ? Je dois créer une fonction de reset c'est bien ça? Et c'est quel élément qu'il faut remplacer?

merci.

**siddh** · 19/12/2005, 14h35

c est sur le formulaire qu on appel reset, pas sur le champ.
Mais ca va mettre tout le form a zéro.

**Baadshah** · 19/12/2005, 14h54

Je m'en suis douté un peu après avoir essayé sur le champ. Mais le problème en faisant un reset sur le formulaire c'est qu'il y a des valeurs dans les autres champs qu'il fo garder.

**siddh** · 19/12/2005, 15h07

ben donc deuxiemem solution, recréé un input file et remplacer l autre.

Mais tu perdras le chemin vers le fichier.

**Baadshah** · 19/12/2005, 15h27

C'est justement pour garder que le chemin que je cherche une solution alors si je le perds, ça m'aide pas.

**siddh** · 19/12/2005, 15h34

tu ne pourras pas car le value d un file n'est pas accessible !

je comprend pas pourquoi tu veux le mettre de coté

**Baadshah** · 19/12/2005, 15h51

C'est simple, si je laisse tel quel, l'upload du fichier se fait immédiatement après l'avoir sélectionné car j'effectue des controle et je remets à jour l'affichage. Et je ne veux pas faire l'upload à ce moment mais qu'après la sélection de tout les fichiers.
Y a peut-être un autre méthode pour ça mais j'espère que je dois pas modifier tout mon code pour ça.

**siddh** · 19/12/2005, 16h07

pourquoi ne pas faire de controle cote client a ce moment la ?

**Baadshah** · 19/12/2005, 16h31

Pour le contôle c'est encore faisable mais c'est du php qui est utilisé pour l'affichage et donc il faut obligatoirement passer par le serveur à ce moment là pour raffraichir.

**siddh** · 19/12/2005, 16h32

pourquoi veut tu rafraichir ?
penches toi sur la verification de formulaire en javascript.

**Baadshah** · 19/12/2005, 17h05

Pour les contrôles, c'est bon ça va pouvoir se faire côté client en javascript, à ce niveau là il n'y a plus de problème.
Mais il faut bien rafraichir la liste des fichiers sélectionnés apès chaque ajout.

**siddh** · 19/12/2005, 20h04

pourquoi faire ?

Que veux tu faire exactement ?

**Baadshah** · 20/12/2005, 10h07

Comme je l'ai déjà dit, l'utilisateur a besoin de joindre des fichiers à mon formulaire. Si jamais il se trompe, Il doit aussi pouvoir supprimer un fichier qu'il a joint, donc la liste des fichiers joints est toujours affichée et mise à jour après chaque ajout. Tout ça c'est fait en php et jusqu'à présent ça faisait parfaitement l'affaire.

Vient maintenant s'ajouter une contrainte supplémentaire : l'utilisateur ne doit pas avoir à attendre entre l'ajout de chaque fichier, d'où le besoin de récupérer uniquement le chemin des fichiers et de faire l'upload à la fin. De plus cela permet de ne pas uploader un fichier qui sera peut-être supprimer après.

Voilà tout.

Je viens de trouver un script qui permet de faire ça en javascript mais le problème c'est que ça ne s'intègre pas dans mon code.

**siddh** · 20/12/2005, 10h31

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
<html>
	<head>
		<title>files</title>
		<script type='text/javascript'>
			var cmpt = 0;
			function add(){
				inp = document.createElement("input");
				inp.type = "file";
				inp.name = "lenom[]";
				lediv = document.createElement("div");
				lediv.id = "fichier"+cmpt;
				check = document.createElement("input");
				check.type = "checkbox";
				check.name = cmpt;
				check.onclick = function(){
					elt = document.getElementById("fichier"+this.name);
					elt.parentNode.removeChild(elt);
				}
				lab = document.createElement("label");
				lab.appendChild(document.createTextNode("Enlever"));
				lediv.appendChild(inp);
				lediv.appendChild(check);
				lediv.appendChild(lab);
				document.getElementById("fichiers").appendChild(lediv);
				cmpt++;
			}
		</script>
	</head>
	<body>
		<form>
			<fieldset id="fichiers">
				<legend>Fichiers</legend>
				<input type='button' onclick='add()' value='Ajouter un fichier' />
			</fieldset>
		</form>
	</body>
</html>

Utilises un truc dans le genre alors

**Baadshah** · 20/12/2005, 12h45

C'est une solution. L'autre script que j'ai trouvé reviens un peu près au même. Mais ( il y a toujours un mais

) ça me fait modifier pas mal de code pour le rendre compatible.

Je vais qd même partir là dessus au cas où il n'y aurait pas d'autre solution tout en cherchant autre chose.

Quelques idées que j'ai eu mais je sais pas si c'est faisable:
- Peut etre que je pourrai supprimer mon input de type file au lieu de le réinitialiser après en avoir récupérer la valeur?
- Sinon, Est-il possible de dupliquer le formulaire sans ce champs?

**siddh** · 20/12/2005, 13h42

le truc qu il faut que tu comprennes, c est que meme si tu recupères la valeur de ton champ file, tu ne pourras pas en recréer un et lui affecter cette valeur, c est impossible pour des raisons de sécurité.

Sinon, il suffirais de faire un formulaire avec un champ file masqué par css pour se servir sur les disques durs des visiteurs .....

Donc pas possible.

**Baadshah** · 20/12/2005, 14h28

Bon bah je crois que ça va être long et chiant!
Je me lance pour voir si ça passe bien.

En tout cas merci de ton aide.

[formulaire] réinitialiser un champ de type file

JavaScript

Discussions similaires

Partager

Partager