Cross-browser simple, téléchargement de fichiers jQuery / PHP avec barre de progression

Question

Je sais qu'il y a plusieurs sujets à ce sujet, mais aucun d'entre eux n'a offert une solution définitive pour un script de téléchargement de fichier qui:

1. Fonctionne sur IE7 +
2. Dispose d'une barre de progression (sur chaque navigateur)
3. Pas de flash (ou de repli)

Des solutions?

Answer 1

Vous pouvez utiliser Axuploader par AlbanX. Il a obtenu;

• Multi upload de fichier sur tous les navigateurs
• Multi fichier, sélectionnez sur les navigateurs html5 (pas internet explorer)
• La progression du téléchargement de l'information sur les navigateurs html5
• La taille du fichier d'informations sur les navigateurs html5
• Pas de flash, pas de Silverlight, sur d'autres plugins, JavaScript
• Soutenir IE 6+, Firefox 2+, Safari 2+, Chrome 1+
• Télécharger des fichiers par morceau, pour plus de performance
• Ne dépendant pas par le serveur max post taille et max téléchargement limites de taille de fichier

Vous pouvez également essayer des Beaux-Uploader par Creuser. Il a obtenu;

• Plusieurs de sélection du fichier, barre de progression dans FF, Chrome et Safari
• Glisser-déposer de fichier, sélectionnez dans FF, Chrome et Safari (mac OS X)
• Les téléchargements sont annulables
• Aucune dépendance externe à tous si vous utilisez FineUploader ou FineUploaderBasic. Si vous utilisez l'option jQuery wrapper, jQuery est bien sûr nécessaire.
• FineUploaderBasic ne nécessite que les associés Fine Uploader un fichier javascript. Tous les Beaux Uploader css et les fichiers d'image peuvent être omis.
• N'utilisez pas de Flash
• Entièrement de travail avec HTTPS
• Testé dans IE7+, Firefox, Safari (mac OS X), Chrome, IOS6, et les différentes versions d'Android. IE10 est désormais également pris en charge!
• Possibilité de télécharger des fichiers dès qu'ils sont sélectionnés, ou "file d'attente" pour le téléchargement à la demande de l'utilisateur plus tard
• Affichage des messages d'erreur du serveur lors du téléchargement de l'échec (survolez échoué télécharger l'article)
• Capacité d'auto-nouvelle tentative a échoué uploads
• Option pour permettre aux utilisateurs manuellement l'échec d'une nouvelle tentative de téléchargement
• Créer votre propre fichier de programme de validation et/ou de l'utilisation des valeurs par défaut des validateurs inclure, avec de Beaux Uploader
• Recevoir de rappel à diverses étapes du processus de téléchargement
• Envoyer tous les paramètres de serveur-côté avec chaque fichier.
• Télécharger des répertoires via glisser-déposer (Chrome 21+).
• Inclure des paramètres dans la chaîne de requête OU le corps de la requête.
• Envoyer des fichiers téléchargés via l'API.
• Diviser un fichier en plusieurs demandes (fichier de segmentation/partitionnement).
• Reprendre une panne ou un arrêté de téléchargements de sessions précédentes
• Supprimer les fichiers téléchargés
• Le soutien de la SCRO
• Télécharger tout les objets Blob via l'API.
• Facilement définir et d'appliquer une limite maximale de l'élément.
• Télécharger des images via la commande coller (Chrome).
• Autonome fichier et dossier de drag & drop module. Intégré par défaut dans FineUploader mode.
• Effectuer asynchrone (non bloquant) les tâches des rappels qui influencent les associés ou les fichiers
• Télécharger des images directement à partir d'un appareil mobile de l'appareil photo
• Extraire des statistiques pour le téléchargement des fichiers et de recevoir des rappels sur les changements de statut
• Et beaucoup plus!

Ou jQuery-File-Upload plugin (compatible avec IE), qui a obtenu;

• Télécharger plusieurs fichiers: Permet de sélectionner plusieurs fichiers à la fois et de les télécharger simultanément.
• Support du glisser & Déposer: Permet de télécharger des fichiers en les faisant glisser à partir de votre ordinateur de bureau ou gestionnaire de fichiers et en les déposant dans la fenêtre de votre navigateur.
• Barre de progression de téléchargement: Affiche une barre de progression indiquant la progression du téléchargement de fichiers individuels et pour tous les chargements combinés.
• Cancelable uploads: Individuels les uploads de fichier peut être annulée pour arrêter la progression du téléchargement.
• Reprise de téléchargements: Abandonnée téléchargés peuvent être repris avec les navigateurs supportant le Blob de l'API.
• Chunked uploads: Les gros fichiers peuvent être téléchargés en petits morceaux avec les navigateurs supportant le Blob de l'API.
• Côté Client, le redimensionnement d'image: Les Images peuvent être redimensionnées automatiquement sur le côté client avec les navigateurs supportant le nécessaire JS Api.
• Les images d'aperçu: Un aperçu des fichiers d'image peut être affichée avant de les télécharger pour les navigateurs supportant le nécessaire JS Api.
• Pas de plug-ins de navigateur (par exemple, Adobe Flash) requis: La mise en œuvre est basée sur des normes ouvertes telles que HTML5 et JavaScript et requiert aucun autre plug-ins de navigateur.
• Gracieux de repli pour les navigateurs anciens: Upload de fichiers via XMLHttpRequests si la prise en charge et utilise des iframes comme solution de repli pour les navigateurs anciens.
• Transférer un fichier HTML du formulaire de secours: Montre une norme HTML formulaire de téléchargement de fichier si JavaScript est désactivé.
• Cross-site de téléchargement de fichiers: Prend en charge le téléchargement de fichiers à un autre domaine avec Cross-site XMLHttpRequests.
• Plusieurs plugin instances: Permet d'utiliser plusieurs plugin instances sur la même page web.
• Personnalisable et extensible: Fournit une API pour définir des options et définir des méthodes de rappel pour diverses télécharger des événements.
• En plusieurs parties et le contenu des fichiers de flux de téléchargements: Les fichiers peuvent être téléchargés en tant que standard "multipart/form-data" ou le contenu du fichier de flux (HTTP PLACER le fichier télécharger).
• Compatible avec n'importe quelle application côté serveur de la plateforme: Fonctionne avec n'importe quel côté serveur de la plateforme (PHP, Python, Ruby on Rails, Java, Node.js, Aller, etc.) qui supporte les standards HTML formulaire de téléchargement de fichiers.

*Mise à JOUR

Découvrez 10 HTML5 Upload de Fichier avec jQuery Exemple de voir quelques grands téléchargeurs de fichiers qui fonctionne avec HTML5

Aussi, ici, à 10+ PHP Ajax Télécharger le Fichier Tutoriels - Téléchargement Gratuit vous pouvez choisir à partir d'un lot de téléchargeurs.

Espérons que cette aide.

Answer 2

Je pense que ce qui suit est la chose dont vous avez besoin, ils prennent également en charge la progression du téléchargement dans IE par le composant Flash

• http://yuilibrary.com/yui/docs/uploader/
• http://www.plupload.com/documentation.php

Answer 3

Utilisez Ceci:

http://valums.com/ajax-upload/

Pas De Flash, Jquery Simple.

Caractéristiques

1. plusieurs de sélection du fichier, barre de progression dans FF, Chrome, Safari
2. glisser-déposer de fichier, sélectionnez dans FF, Chrome
3. les téléchargements sont annulables
4. sans dépendances externes
5. n'utilisez pas de Flash
6. entièrement de travail avec https
7. support de clavier dans FF, Chrome, Safari
8. testé dans IE7,8; Firefox 3,3.6,4; Safari4,5; Chrome; Opera10.60;

git: https://github.com/valums/file-uploader

Vous pouvez également utiliser ces:

http://nixboxdesigns.com/demos/jquery-uploadprogress.php

https://github.com/drogus/jquery-upload-progress

http://www.albanx.com/

Flash-moins IE barre de progression

http://www.webappers.com/2011/01/24/jquery-file-upload-with-upload-progress-bar/

Espérons que cette aide.

Answer 4

http://www.plupload.com/ est disponible en plusieurs exécutions et présente une dégradation gracieuse. Si HTML5 est pris en charge, il peut également effectuer des téléchargements par glisser-déposer.

Answer 5

À l'appui de la barre de progression et télécharger plusieurs fichiers dans IE requiert Flash. Malheureusement, aucune des nouvelles, "tape à l'oeil mais sans flash" prise en charge des widgets ce.

La seule solution que j'ai trouvé est Uploadify, ce qui n'est pas parfait, mais fait le travail. Le plus grand tirage en arrière, c'est le manque de glisser-déposer de soutien.

Franchement, tous ces nouveaux widgets sont tellement mieux, mais les développeurs malheureusement semblent opposés à la mise en œuvre d'une solution de repli en Flash pour IE.