Maison > interface Web > js tutoriel > Comment déclencher la saisie d'un fichier avec jQuery sans violer les restrictions de sécurité ?

Comment déclencher la saisie d'un fichier avec jQuery sans violer les restrictions de sécurité ?

Mary-Kate Olsen
Libérer: 2024-11-19 00:56:02
original
212 Les gens l'ont consulté

How to Trigger File Input with jQuery Without Violating Security Restrictions?

Déclenchement de l'entrée de fichier avec jQuery

jQuery offre un moyen pratique d'interagir avec les éléments HTML, mais déclencher l'entrée de fichier natif peut être difficile en raison de limitations de sécurité.

Solution :

La clé pour contourner cette restriction est de garantir que l'entrée du fichier est visible en dehors de la fenêtre. Une méthode qui s'est avérée efficace consiste à utiliser le positionnement absolu et à placer l'entrée du fichier au-dessus ou en dessous de la fenêtre.

Par exemple, le code suivant positionne l'entrée du fichier 100 pixels au-dessus de la fenêtre, lui permettant d'être déclenchée sans violer les restrictions de sécurité :

$('#fileinput').css({
  position: 'absolute',
  top: '-100px'
});
$('#fileinput').trigger('click');
Copier après la connexion

Démonstration :

Vous pouvez voir un exemple fonctionnel de cette approche sur [jsfiddle.net/DSARd/1/](http://jsfiddle.net/DSARd/1/).

Remarque :

Bien que cette méthode soit efficace déclenche l’entrée du fichier, cela peut être considéré comme un hack. Il est recommandé de ne l'utiliser qu'en cas d'absolue nécessité.

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