Discussion :

[CheepCheep]

Bonjour,

Mon problème me semble assez simple mais je n'ai pas trouvé de réponse sur le web donc je m'en remet à vous tous

J'ai un input file en HTML, et je souhaite que lorsqu'un fichier a été sélectionner, il se passe quelque chose (la chose en soit n'a pas d'importance et n'est pas encore vraiment décidée à vrai dire).

Ma question est donc : Comment détecter que le champ texte de mon input file n'est plus vide à l'aide du javascript ? J'ai vu que pour des raisons de sécurité, il est impossible de modifier la valeur du champ, est ce que value marche quand même ?

Merci d'avance !

[SpaceFrog]

tu ne modifies la value ... teste le length ...

[CheepCheep]

Dac, par contre je ne suis pas bien douée en JavaScript, et j'ai du mal à faire ma fonction...

Code JavaScript :

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

1
2
3
4
5
6
7
8
document.getElementById("monInputFile").addEventListener("click", test);
 
function test () {
	var fichier = document.getElementById("monInputFile");
	if (fichier.length > 0) {
		alert("ça marche !");
	}
}

C'est pas bon mais je ne sais pas trop ce qui ne va pas =/

Merci pour l'aide

[Bovino]

Tu n'es pas très logique !
Lors du clic sur l'input, l'utilisateur ne peut matériellement pas avoir eu le temps de le remplir, il sera donc forcément vide.

D'autre part, ce n'est pas la taille de l'élément que tu veux (fichier.length) mais de sa propriété value...

[andry.aime]

Bonsoir,

J'ai un input file en HTML, et je souhaite que lorsqu'un fichier a été sélectionner, il se passe quelque chose (la chose en soit n'a pas d'importance et n'est pas encore vraiment décidée à vrai dire).

Je pense que c'est mieux d'utiliser l'événement onchange.

A+.

[CheepCheep]

Arf effectivement maintenant que c'est dit ça manque cruellement de logique ce que j'ai fais Désolée je suis vraiment pas au point en Javascript !

Je vais voir ce que je peux faire avec ce que vous m'avez dit, je reviens clore le sujet si je trouve ou vous embêter encore un peu sinon...

[CheepCheep]

Impeccable ça marche du tonnerre ^^ Merci à vous !!

Ps : Si quelqu'un veut savoir :

Code JavaScript :

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

1
2
3
4
5
6
function test () {
	var fichier = document.getElementById("monInputFile");
	if (fichier.value.length > 0) {
		alert("ça marche !");
	}
}

Code HTML :

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

<input id=monInputFile onchange=test() type=file name=fichiers multiple>

[Bovino]

Prends la bonne habitude d'entourer les valeurs des attributs HTML de quotes...

Code html :

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

<input id="monInputFile" onchange="test()" type="file" name="fichiers" multiple>