javascript - cliquez sur() ne fonctionne pas sous chrome

J'ai essayé cette, (notez que je suis en utilisant jQuery):

function HandleFileButtonClick()
{
    1. //$('#filesel').click();
    2. //document.replyform.image.click();
}

HTML:

<input type="file" id="filesel" name="image" style="display: none;"  /> 
<a href="#"><img src="<?=TF?>/img/att.png" style="height:20px;" onclick="HandleFileButtonClick();" /></a>

ni travaillent dans le Navigateur Google Chrome... toutes les idées, ou remplacement de jQuery cliquez sur()

InformationsquelleAutor Andrei Stanca | 2011-05-29
  1. 4

    Sonne comme vous frappez un mur de sécurité conçue pour permettre le téléchargement de fichier boîte pour être déclenché par l'utilisateur.

    Vous pouvez essayer absolument positionnement du navigateur browse bouton au dessus de votre lien, puis en définissant sa opacity à 0.

    • Nope /. pas un mur de sécurité, l'événement click fonctionne lorsqu'il n'est pas caché. C'est (je crois) une fonction d'optimisation, c'est à dire supprimer tous les auditeurs sur display:none des événements, car ils ne devraient pas être cliqué à partir de là.
    InformationsquelleAutor alex
  2. 4

    Je suis ici pour aider les autres avec un problème similaire. J'essaie de l'utiliser .trigger('click') pour le début d'un événement de clic dans un champ de FICHIER qui était si style='display:none' et découvert que Chrome diferent de Mozila Firefox et IE ne laissez pas fonctionner avec ce style.
    La solution est de ne pas utiliser display:none et utiliser à la place de il style='width:0px;height:0px'. Le résultat est le même, le champ de FICHIER doit être masqué et vous pouvez utiliser un autre bouton pour démarrer ses travaux, même dans Chrome cette fois.

    Meilleur en ce qui Concerne les coups d'oeil.

    • Excellente solution, devrait obtenir plus d'attention !
    • Aussi, j'ai juste trouvé qu'en utilisant visibility:hidden; Chrome NE le laisser travailler (et Firefox, et Opera, et Safari, mais je n'ai pas essayer avec Explorer).
    InformationsquelleAutor Tiago
  3. 2

    Ne pas utiliser removeClass ou addClass, ou width:1px pour le fichier réel des entrées. Suffit d'utiliser CSS simple: visiblity: hidden; position: absolute;

    Cela permettra de résoudre tous vos problèmes dans ce cas!

    InformationsquelleAutor Svetoslav Genov
  4. 1

    Ce que vous voulez accomplir?

    C'est peut-être ce que vous voulez:

    function HandleFileButtonClick()
{
    ...
}

$('#filesel').click(HandleFileButtonClick);

    Remarque:

    Si vous essayez de déclenchement de la souris cliquez sur l'événement en appelant cliquez sur la fonction de JQuery, vous êtes totalement hors de la piste. Ce n'est pas possible.

    • alors pourquoi faut-il travailler dans n'importe quel autre navigateur, sauf chrome ?.. je ne suis pas un expert en javascript/jquery, mais je pense que vous êtes hors de la piste... btw, la fonction est appelée avec onclick="" pas besoin pour $('#filesel').cliquez sur(HandleFileButtonClick);
    • Vraiment, est-il vraiment déclencher cliquez sur l'événement?, Si donc je voudrais l'apprendre. Pouvez-vous m'indiquer un lien/doc où je peux apprendre à ce sujet.
    • vous pouvez le voir ici: api.jquery.com/click Description: Lier un gestionnaire d'événement à l'", cliquez sur" événements JavaScript, ou un déclencheur d'événement sur un élément.
    • Wow. Merci, @Andrei.
    InformationsquelleAutor ssapkota
  5. 1

    au lieu d'utiliser des CSS fixe pour masquer le champ fichier vidéo/hors de la vue sans l'utilisation de display:none, j'ai utiliser la stratégie suivante:

    Le CSS:

    .hidden {display:none}

    Le code HTML

    <input type="file" name="file-upload" id="file-upload" class="hidden" /><button>Upload</button>

    à l'état de prototype:

    $('file-upload').removeClassName('hidden').click();$('file-upload').addClassName('hidden');

    en jQuery:

    $('#file-upload').removeClass('hidden').click().addClass('hidden');

    Il bat à la lutte avec différents styles de navigation, à mon avis. Fonctionne pour moi!

    InformationsquelleAutor Seth Malaki