Code Javascript fonctionnant dans IE mais ne fonctionnant pas dans Firefox?

Question

Je possède ce code:

<a href="javascript:document.forms['form1'].student_pic.click()"> 
    <img src="images/mypic.png" alt="" width="161" height="29" border="0" style="margin-top:10px" /> 
</a> 
<input style="display:none" type="file" name="student_pic" id="student_pic" /> 

Ce code fonctionne avec succès dans IE, mais il ne fonctionne pas dans FF.

hors Bien sûr, il est forme sur ma page appelée form1

Lorsque l'utilisateur clique sur l'image, la fenêtre de sélection de fichier autorisera la sélection d'image et de le mettre dans l'élément de fichier caché.

Quel est le proplem?

Merci

Answer 1

La façon habituelle de contourner le fichier est d'avoir une entrée en place, mais avec une opacité de 0, ce qui signifie qu'il est caché et, par-dessus, placez votre image ou votre texte personnalisé. Assurez-vous que le bouton "Parcourir" est exactement là où votre texte/image est et cela fonctionnera - en cliquant sur le texte/image personnalisé va effectivement cliquer sur le bouton de navigation.

J'ai un tel code quelque part, donc si vous ne serez pas en mesure de réaliser cela, je vais chercher ce code.

Answer 2

Votre problème est simplement que .click() pour ouvrir la boîte de dialogue de sélection de fichier ne fonctionne pas sur tous les navigateurs. Je ne suis pas au courant d'une solution de contournement.

Answer 3

Non pris en charge dans Gecko encore:

Gecko 2.0 note(Firefox 4) 

Starting in Gecko 2.0 , calling the click() method on an <input> element of 
type file opens the file picker and lets the user select files. 

de https://developer.mozilla.org/en/HTML/Element/input#File_inputs