Vider le champs de type « file » en Javascript

Soyez sociable ! Partagez :

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 !