Skip to content

Vider le champs de type “file” en Javascript

Soyez sociable ! Partagez :
  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

Aujourd’hui, je partage un petit bout de code.

Comment vider un champs “file”  ?

Comment vider un input file ?

Pour supprimer le contenu d’un champs de type fichier, (type file), il vous suffit de créer un boutton :

Le champs :
<input type="file" class="input_file" name="file" />

<a href="#" class="empty_field">
  Vider le champs type file
</a>

Puis avec ce petit script Javascript :

function empty_input_file(input) {
  input.wrap('<form>').closest('form').get(0).reset();
  input.unwrap();
};

$(document).ready(function(){
  $('.empty_field').click(function(){
    empty_input_fiel($(this));
  });
});

Code fonctionne sous Chrome, Internet Explorer, Opera et Firefox.

/!\ N’oubliez pas d’insérer Jquery à votre application ! Sinon, ce code ne fonctionnera pas

Soyez Sociable ! Partagez !
Published inAstuce du jourDiversJavascriptTutoriel
  • Lemadrien

    Merci pour ce script !nnBien vouloir corriger l’expression ‘fiel’ par ‘file’ : “empty_input_fiel($(this));” doit u00eatre remplacer par “empty_input_file($(this));

banner