Comment puis-je déclencher une zone de saisie de fichier caché avec jQuery ?

Déclenchement de la saisie d'un fichier avec jQuery

Dans le but de lancer une boîte de téléchargement à l'aide de jQuery, vous avez utilisé la méthode :

$('#fileinput').trigger('click');

Cependant, cela s'est avéré infructueux. Cela pose une question : Comment déclencher avec succès une zone de saisie de fichier à l'aide de jQuery ?

Restrictions de sécurité et solution de contournement

L'échec de la tentative peut être attribué à des restrictions de sécurité. Il est important de noter que des restrictions de sécurité sont imposées lorsque le l'élément est rendu masqué (soit via display:none, soit visibilité:hidden).

Pour contourner cette restriction, une solution de contournement consiste à positionner le élément en dehors de la fenêtre d’affichage en définissant position:absolute et top:-100px. Ce positionnement déplacé permet au mécanisme de déclenchement de fonctionner efficacement.

Voici un exemple d'une telle solution : http://jsfiddle.net/DSARD/1/

Cette approche trompe essentiellement le navigateur en percevant l'élément comme étant à l'extérieur de la fenêtre, permettant ainsi au mécanisme de déclenchement de fonctionner comme prévu.

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!