2010-07-10 8 views
6

Je cherche à créer un bouton qui, une fois cliqué, ouvre une fenêtre de dialogue où ils sélectionnent une image à télécharger, puis une fois qu'ils l'ont sélectionnée et pressent ok dans la fenêtre de dialogue le téléchargement commence (barre de téléchargement optionnelle :)Un bouton de téléchargement

Préféré ce serait un plugin jquery qui modifie la fonctionnalité de l'entrée de fichier html standard ... comme j'ai déjà écrit le code en utilisant un.

+0

Je suis vraiment que pour télécharger un fichier, donc je préférerais l'approche la plus simple possible. Jusqu'à présent, ils ont tous été un peu trop tuer pour mes besoins. Merci :) – Pablo

+0

Je vous entends, mais je crains qu'il n'y ait pas de façon plus simple que d'utiliser un téléchargeur personnalisé. Le bouton de téléchargement de fichier du navigateur ne peut pas être activé par programme pour des raisons de sécurité. –

+0

Le formulaire peut-il être soumis dans la boîte de dialogue de sélection de fichier en cours de fermeture? – Pablo

Répondre

3

Le plug-in JQuery uploadify va télécharger avec une barre de progression, et inclut des fonctionnalités pour un ou plusieurs téléchargements de fichiers.

3

SWFUpload est capable de faire cela. C'est un composant de téléchargement basé sur Flash que vous pouvez utiliser avec JavaScript.

Demo

2

Il existe d'autres solutions à base de flash autres que SWFUpload. Jetez un oeil à uploadify.com

Ceci est un plugin jquery.

0

Cela pourrait être ce que vous cherchez:

https://github.com/bencolon/file-uploader

Le script prend en charge téléchargement de plusieurs fichiers, mais il est une option. Tandis que Uploadify et SWFUpload exigent tous deux que Flash soit installé, ce plugin est sans Flash. C'est probablement l'approche la plus simple à votre problème. Il y a des plugins plus petits disponibles, mais ils ont tendance à ne pas fonctionner correctement sur tous les navigateurs.

2

Il est possible de tricher avec jquery et html ordinaire. c'est ce que j'utilise dans mon projet pour télécharger un fichier (limité à un) et juste en utilisant un bouton et aucun plugin que ce soit bien que ce bouton nécessite un style.

code HTML

<form method="get" action="somephp.php"> 
       <input type="file" id="upload" name="upload" style="width: 88px; opacity:0.0; filter:alpha(opacity=0); " onchange='uploadChange()'/> 
       <input type="submit" name="submit" style="margin-left: -88px"/> 
      </form> 

jquery:

<script> 
    function uploadChange(){ 
     $('input[type="submit"]').click(); 
    } 
</script> 
Questions connexes