[DOM] Effacer champ input file

**vince_grenoblois** · 03/07/2006, 17h20

Bonjour,

J'aimerais savoir si cela est possible d'effacer le champ input de type file. J'explique :

J'ai un champ : <input type="file"> qui me permet de parcourir mes fichiers.
Une fois un fichier selectionné, je clique sur un bouton ajouter qui me l'ajoute à une liste mais je voudrais aussi effacer le contenu du champ file.

Avec value=""; ca marche pas
J'ai vu qu'il existait un moyen aussi grace :

Code :

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

1
2
3
4
5
6
7
 var f=document.getElementById('test');
var p=f.parentNode;
p.removeChild(f);
var i=document.createElement('input');
i.setAttribute('id','test');
i.setAttribute('type','file');
p.appendChild(i);

Mais la non plus ca veut pas
Donc voila ....

**Kerod** · 03/07/2006, 17h27

Essayes avec ceci :

Code :

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

document.getElementById('idinput').reset();

**vince_grenoblois** · 03/07/2006, 17h37

Envoyé par Kerod

Essayes avec ceci :

Code :

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

document.getElementById('idinput').reset();

Finalement j'ai reussi à faire fonctionner avec la 2eme metode que j'avais donné.
C'est a dire tuer le input puis le recréer. C'est pas top mais ca marche.

Sinon j'ai bien essayé ta methode. Ca aurait ete sympa car c'etait plutot court mais malheureusement sans resultat.

merci quand meme.

**Kerod** · 03/07/2006, 17h50

Autant pour moi j'ai omis un détail, voici ce qui fonctionne :

Code :

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

1
2
3
4
5
6
7
8
<html>
 
<body>
<form id='t'>
<input type="file"/><input type="button" onclick="document.getElementById('t').reset()"/>
</form>
</body>
</html>

**vince_grenoblois** · 03/07/2006, 18h03

Ok c'est pas faux que ca marche comme ca. Mais ca risque de me donner un formulaire imbriqué dans un autre formulaire. Bref, plus court mais tout aussi efficace !

**Kerod** · 03/07/2006, 18h27

Tiens j'ai testé et ca fonctionne :

Code :

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

<input type="file" id='t'><input type="button" onclick="document.getElementById('t').value=''"/>

[DOM] Effacer champ input file

JavaScript

Vue hybride

Discussions similaires

Partager

Partager