Bouton de téléchargement en un clic

Question

Je cherche à créer un bouton qui, lorsqu'il est cliqué, ouvre une fenêtre de dialogue dans laquelle l'utilisateur sélectionne une image à télécharger et, une fois qu'il l'a sélectionnée et qu'il a appuyé sur ok dans la fenêtre de dialogue, le téléchargement commence (la barre de téléchargement est facultative :) ).

De préférence, il s'agirait d'un plugin jquery qui modifie la fonctionnalité de l'entrée standard du fichier html... car j'ai déjà écrit le code en utilisant un tel plugin.

Answer 1

SWFUpload est en mesure de le faire. Il s'agit d'un composant de téléchargement basé sur Flash avec lequel vous pouvez interagir à l'aide de JavaScript.

Démonstration

Answer 2

Plugin JQuery uploadify se chargera avec une barre de progression et comprend une fonctionnalité pour le chargement d'un ou de plusieurs fichiers.

Answer 3

Il existe d'autres solutions basées sur Flash que SWFupload. Jetez un coup d'œil à uploadify.com

Il s'agit d'un plugin jquery.

Answer 4

Il y a des astuces pour faire cela en utilisant jquery et du html ordinaire. C'est ce que j'utilise dans mon projet pour télécharger un fichier (limité à un seul) en utilisant juste un bouton et sans aucun plugin, bien que le bouton ait besoin d'être stylisé.

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>

Answer 5

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

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

Le script soutiens le téléchargement de plusieurs fichiers, mais c'est une option. Alors que Uploadify et SWFUpload nécessitent tous deux l'installation de Flash, ce plugin est sans Flash. C'est probablement l'approche la plus simple pour résoudre votre problème. Il existe des plugins plus petits, mais ils ont tendance à ne pas fonctionner correctement dans tous les navigateurs.