Magazine High tech

Vider le champs de type « file » en Javascript

Publié le 25 novembre 2014 par P0k3
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 !

Vous pourriez être intéressé par :

Retour à La Une de Logo Paperblog

Ces articles peuvent vous intéresser :

A propos de l’auteur


P0k3 117 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte

Dossier Paperblog

Magazines