Maison >interface Web >js tutoriel >Comment puis-je effacer la valeur d'un champ de saisie de fichier à l'aide de jQuery ?

Comment puis-je effacer la valeur d'un champ de saisie de fichier à l'aide de jQuery ?

DDD
DDDoriginal
2024-12-16 16:23:14497parcourir

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

Effacement de en utilisant jQuery

Faire face aux défis liés à l'effacement de la valeur d'un élément? jQuery fournit une solution pour cette tâche.

Lors de la définition de $('#control').attr({ value: '' }); peut sembler une approche simple, elle ne donne pas le résultat souhaité. Une méthode plus efficace consiste à envelopper l'élément dans un

élément puis en employant la fonction .reset() sur le formulaire. Ensuite, supprimez le formulaire ajouté à l'aide de .unwrap().

window.reset = function(e) {
  e.wrap('<form>').closest('form').get(0).reset();
  e.unwrap();
};

Cette approche a été testée et confirmée pour fonctionner efficacement sur divers navigateurs, notamment Opera, Firefox, Safari, Chrome et IE6. Il fonctionne également avec succès avec d'autres types d'éléments de formulaire, à l'exception de ceux avec type="hidden".

Pour présenter ses fonctionnalités, le code HTML et JavaScript suivant peut être utilisé :

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form>
  <input>

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!

Déclaration:
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