Comment puis-je télécharger un nouveau fichier en cliquant sur le bouton image

Vous pouvez append un champ de saisie de fichier caché, tel que:

Et fait:

 $("input[type='image']").click(function() { $("input[id='my_file']").click(); }); 

Démo :: Violon mis à jour

Si vous cherchez une solution compatible avec plusieurs navigateurs, vous devriez jeter un coup d’œil à plupload ( http://www.plupload.com ), qui supporte les boutons d’image ainsi que ce dont je me souviens.

si vous utilisez une mauvaise entrée, utilisez plutôt fichier, si vous voulez que le bouton se positionne comme le cercle dans votre démo de code, vous devez utiliser CSS pour changer le sens de “soumettre”. Cela doit être sous une forme:

Je ne sais pas quelle langue utilisez-vous sur le serveur (PHP, ASP.NET, etc.), mais vous devrez créer une page (par exemple, “upload_file.php” pour php). Vous pouvez facilement trouver des exemples dans Google sur la façon de créer une page comme celle-ci. Copiez simplement le code:

Un exemple en PHP: http://www.w3schools.com/php/php_file_upload.asp

J’espère que ça aide 🙂

Vous pouvez le faire en utilisant css.

S’il vous plaît vérifier la 4ème réponse dans ce blog.

Comment puis-je personnaliser le bouton Parcourir?

Vous pouvez utiliser votre image comme image d’arrière-plan de la classe .button .

Il n’y a pas besoin de javascript, il suffit de mettre et le intérieur de s’assurant de cacher le comme ceci:

Supplément pour la réponse de DemoUser, ajoutez .focus () fonctionne pour moi.

  $("input[type='image']").click(function() { $("input[id='my_file']").focus().click(); }); au  $("input[type='image']").click(function() { $("input[id='my_file']").focus().click(); });