jquery: tir cliquez() sur l'entrée: fichier?

Question

J'essaie actuellement de relooker (eclipse) un élément fileupload sur mon site web avec ce reference. Tout va bien et le résultat est prometteur, quand je mets l'élément fileupload en dessous de ma nouvelle image alternative (comme indiqué dans le tutoriel mentionné plus haut). Maintenant, je veux placer l'élément fileinput ailleurs et lier une fonction de clic sur l'image à un clic sur l'élément fileinput pour déclencher une boîte de dialogue de navigateur de fichiers. Malheureusement, les $('input:file').click() ou $('input:file').trigger('click') ne fonctionnent pas.

Je suis également intéressé par d'autres moyens de lancer une boîte de dialogue de fichier, sans un élément de téléchargement de fichier (c'est seulement pour le traitement javascript, pas de téléchargement sur le serveur).

Oh, il n'a pas besoin de fonctionner sur n'importe quelle version de IE.

Answer 1

Il manque une citation sur vos deux exemples de code, essayez $('input:file').trigger('click') Cependant, pour autant que je sache, ce n'est pas possible de le faire, du moins de cette façon. C'est par la conception de cette façon, volontairement, pour des questions de sécurité.

Vous pouvez essayer de le faire en suivant le mouvement de la souris et en déplaçant l'entrée de fichier cachée au-dessus de la nouvelle image ou de tout ce que vous utiliserez pour styliser l'entrée.

Answer 2

Comment faites-vous en ce moment, pouvez-vous nous donner plus de code? Essayez également d'ajouter un identifiant unique à l'entrée du fichier et au champ que vous souhaitez déclencher. Par exemple:

<span id="browse">Click here to choose a file</span> 
<input type="file" id="file" /> 

Ensuite, essayez de faire:

$('#browse').bind('click', function(e) { 
    $('#file').click(); 
}); 

Answer 3

<div class="imageUploadInput"> 
    <img id="uploadImage" src="images/camera_icon.png" /> 
    <input type="file" name="thumb" id="uploadImageInput" /> 
</div> 

jQuery:

$('#uploadImage').livequery("click",function(){ 
    $('#uploadImageInput').trigger('click'); 
}); 

ou

$('#uploadImage').click(function(){ 
    $('#uploadImageInput').trigger('click'); 
});