2011-04-05 4 views
0

Existe-t-il un moyen de sélectionner plus d'un fichier à télécharger lorsqu'un utilisateur clique sur le bouton "Parcourir" et que ces fichiers sont téléchargés sans actualiser la page? Cela se produit dans Gmail, lorsque vous cliquez pour joindre un fichier, vous pouvez maintenir la touche CTRL enfoncée et sélectionner plusieurs fichiers.Téléchargement de fichiers multiples via Javascript/Ajax?

+1

Qu'est-ce que vous êtes retourné à partir du fichier de dialogue de sélection? Si c'est une collection (ou une sorte de liste délimitée, vous pouvez transformer en une collection) vous pouvez itérer à travers elle générant plusieurs demandes. – StuperUser

+0

Gmail utilise le flash. Je ne pense pas que cela soit possible avec l'élément de sélection de fichier Html standard. – kgiannakakis

Répondre

1

J'ai récemment fait face à un problème similaire. Nous utilisions Uploadify (http://www.uploadify.com/) pour faire des téléchargements. J'ai écrit un billet de blog sur la façon d'utiliser Uploadify pour effectuer le téléchargement de fichiers multiples:

http://blog.bobcravens.com/2011/03/upload-multiple-files-with-progress-using-uploadify/

Il y a deux options prises en charge:

  • Utilisez un seul élément « d'entrée » et sélectionnez plusieurs des dossiers.

  • Utilisez plusieurs éléments 'input' pour sélectionner un seul fichier chacun.

Espérons que cela aide.

Bob

+0

Est-il possible de conserver cette liste de files d'attente avec des barres de progression? Au lieu de cela, je veux implémenter ma propre liste de files d'attente. Je pense que je le fais en utilisant l'événement OnSelect, mais comment garder la liste de file d'attente par défaut d'apparaître? –

+1

Ceux-ci semblent être enveloppés dans un div avec la classe suivante 'uploadifyQueue'. Vous pouvez ajouter un style display: none à cette classe. Je n'ai pas essayé ça. – rcravens

+0

L'utilisation de la console Jquery dans Chrome, le réglage de l'affichage à aucun fonctionne sur le fait de cacher cette file d'attente .. merci! Devrait très probablement travailler en direct aussi.Je vais essayer –

0

Vérifiez http://valums.com/ajax-upload/ c'est un plugin soigné!

EDIT: Ajout d'un point d'exclamation.

+1

Nice [copier] (http://stackoverflow.com/questions/5553226/ajax-based-file-uploads/5553261#5553261) - au moins modifier la phrase ou quoi que ce soit. – fabrik

+1

Vous êtes ici pour copier. – fabrik

+0

J'espère que vous êtes un homme heureux maintenant. – fabrik

1

il n'y a que deux façons de télécharger un fichier sans rafraîchir la page:

  1. iframe

  2. Flash - il vous donnera la possibilité de sélectionner plusieurs fichiers à la fois

regarder SWFUpload pour plus d'informations

0

Si vous voulez un peu qui est vraiment l'utilisation multi-plateforme: plupload il supporte HTML4, 5, Flash, et bien plus encore ...

Questions connexes