Maison > interface Web > tutoriel CSS > Comment puis-je déclencher de manière fiable une entrée de fichier avec jQuery ?

Comment puis-je déclencher de manière fiable une entrée de fichier avec jQuery ?

Mary-Kate Olsen
Libérer: 2024-12-23 13:52:14
original
431 Les gens l'ont consulté

How Can I Reliably Trigger a File Input with jQuery?

Déclencher la saisie d'un fichier avec jQuery

Déclencher un bouton de navigation de téléchargement à l'aide de jQuery peut parfois être difficile. Une méthode courante consiste à utiliser la fonction 'trigger('click')'.

Lorsque vous utilisez cette méthode, vous pouvez rencontrer une restriction de sécurité qui l'empêche de fonctionner. Cette restriction se produit lorsque la propriété d'affichage de l'élément d'entrée de fichier est définie sur « aucun » ou sa visibilité sur « cachée ».

Pour contourner ce problème, vous pouvez positionner l'élément d'entrée de fichier en dehors de la fenêtre en utilisant les styles suivants :

position: absolute;
top: -100px;
Copier après la connexion

Cette méthode supprime efficacement l'élément de la vue sans affecter sa fonctionnalité.

En positionnant l'élément d'entrée du fichier en dehors de la fenêtre, vous peut déclencher avec succès le bouton Parcourir à l’aide de jQuery. Cette solution de contournement est considérée comme un « hack » mais résout efficacement le problème.

Voici une démonstration : http://jsfiddle.net/DSARD/1/

Cela devrait résoudre votre problème de déclenchement du télécharger le bouton de navigation à l'aide de jQuery.

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