Maison > interface Web > js tutoriel > Comment puis-je effacer de manière fiable la valeur d'un élément d'entrée de fichier à l'aide de jQuery ?

Comment puis-je effacer de manière fiable la valeur d'un élément d'entrée de fichier à l'aide de jQuery ?

Barbara Streisand
Libérer: 2024-12-08 09:26:10
original
918 Les gens l'ont consulté

How Can I Reliably Clear a File Input Element's Value Using jQuery?

Effacer l'élément du fichier d'entrée HTML avec jQuery

Problème :
Les utilisateurs peuvent rencontrer des difficultés lorsqu'ils tentent d'effacer valeurs des éléments d'entrée du sélecteur de fichiers à l'aide de jQuery. L'approche typique, telle que définir l'attribut value sur une chaîne vide, peut ne pas suffire.

Solution :
La solution consiste à envelopper l'élément du fichier d'entrée dans un formulaire, en appelant le méthode reset() sur le formulaire, puis en supprimant le formulaire à l'aide de la fonction .unwrap(). Contrairement aux techniques de clonage, celle-ci préserve l'élément d'origine et ses propriétés. La compatibilité avec divers navigateurs, notamment Opera, Firefox, Safari, Chrome et IE6, a été confirmée.

Implémentation du code :

window.reset = function(e) {
  e.wrap('<form>').closest('form').get(0).reset();
  e.unwrap();
}
Copier après la connexion

Considérations supplémentaires :
La méthode reset() peut être appliquée à différents types d'éléments de formulaire, à l'exception des éléments d'entrée masqués. Le code fourni sert de fonction réutilisable qui peut être invoquée lors des actions requises.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal