Simple croix-navigateur, jQuery/PHP d'upload de fichier avec barre de progression [fermé]

je sais qu'il y a plusieurs sujets là sur ce sujet, mais aucun d'entre eux proposé une solution définitive pour un fichier uploader le script:

  1. Fonctionne sur IE7+
  2. a une barre de progression (sur chaque navigateur)
  3. Pas de Flash (Ou de secours)

Toutes les solutions?

37
demandé sur blasteralfred Ψ 2012-05-07 09:34:48

5 réponses

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 IE)
  • l'avancement du Téléchargement de l'information sur les navigateurs html5
  • taille des fichiers information sur les navigateurs html5
  • Pas de flash, pas de Silverlight, sur d'autres plugins, JavaScript
  • Support IE 6+, Firefox 2+, Safari 2+, Chrome 1+
  • Télécharger les fichiers par morceau, pour plus de performance
  • non dépendant de la taille max post du serveur et des limites de taille max upload du fichier

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

  • Plusieurs de sélection du fichier, la barre de progression dans FF, Chrome et Safari
  • Glisser-déposer de fichier, sélectionnez dans FF, Chrome et Safari (mac OS X)
  • Téléchargements sont annulables
  • aucune dépendance externe si vous utilisez FineUploader ou FineUploaderBasic. Si vous utilisez l'emballage jQuery optionnel, jQuery est bien sûr nécessaire.
  • FineUploaderBasic ne nécessite que le fichier javascript fin Uploader associé. Tous les fichiers CSS et image peuvent être omis.
  • N'utilise pas Flash
  • travailler pleinement avec HTTPS
  • testé dans IE7+, Firefox, Safari (OS X), Chrome, IOS6, et diverses versions D'Android. IE10 est maintenant aussi supporté!
  • 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
  • afficher les messages d'erreur spécifiques du serveur en cas d'échec du téléchargement (passer au-dessus de l'élément de téléchargement échoué)
  • capacité d'auto-réessayer les uploads défectueux
  • Option permettant aux utilisateurs de réessayer manuellement un téléchargement échoué
  • créez votre propre validateur de fichier et / ou utilisez certains validateurs par défaut inclus avec fin Uploader
  • recevoir le rappel à diverses étapes du téléchargement processus
  • envoyer tous les paramètres côté serveur avec chaque fichier.
  • Télécharger les 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.
  • soumettre les fichiers à télécharger via L'API.
  • fractionner un fichier en plusieurs requêtes (chunking/partitionnement de fichier).
  • Reprendre une panne ou un arrêté de téléchargements de précédentes sessions
  • Supprimer les fichiers uploadés
  • CORS support
  • Télécharger tout les objets Blob via l'API.
  • permet de définir et d'appliquer facilement une limite maximale d'articles.
  • Télécharger des images via la commande coller (Chrome).
  • module drag & drop de fichier et de dossier autonome. Intégré par défaut dans le mode FineUploader.
  • effectuer des tâches async (non-bloquantes) dans les callbacks qui influencent le ou les fichiers associés
  • Télécharger les images directement à partir d'un appareil mobile de l'appareil photo
  • Extraire des statistiques pour télécharger des fichiers et recevoir des callbacks sur les changements de statut
  • et bien d'autres!

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

  • téléchargement de 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 depuis votre bureau ou filemanager et en les déposant sur votre navigateur fenêtre.
  • 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.
  • envois annulables: Les téléchargements de fichiers individuels peuvent être annulés pour arrêter la progression du téléchargement.
  • Reprise de téléchargements: Les téléchargements interrompus peuvent être repris avec des navigateurs prenant en charge l'API Blob.
  • Chunked uploads: Les gros fichiers peuvent être téléchargés en petits morceaux avec des navigateurs supportant le Blob API.
  • redimensionnement de l'image côté Client: Les Images peuvent être redimensionnées automatiquement du côté du client avec des navigateurs prenant en charge les API JS requises.
  • Aperçu des images: Un aperçu des fichiers image peut être affiché avant de télécharger avec des navigateurs supportant les API JS requises.
  • aucun plugin de navigateur (par exemple Adobe Flash) requis: L'implémentation est basée sur des standards ouverts comme HTML5 et JavaScript et ne nécessite aucun plugin de navigateur supplémentaire.
  • retombée gracieuse pour les anciens navigateurs: Charge les fichiers via XMLHttpRequests si pris en charge et utilise iframes comme solution de repli pour les navigateurs traditionnels.
  • fichier HTML téléchargez le formulaire de secours: Affiche un formulaire de téléchargement de fichier HTML standard si JavaScript est désactivé.
  • téléchargement de fichiers sur plusieurs sites: Prend en charge le téléchargement de fichiers vers un domaine différent avec des requêtes XMLHTTP sur plusieurs sites.
  • instances de plugin multiples: Permet d'utiliser plusieurs instances de plugin sur la même page web.
  • Personnalisable et extensible: Fournit une API pour définir des options individuelles et définir des méthodes de rappel pour divers événements de téléchargement.
  • flux de contenu de fichiers et multiparties: Les fichiers peuvent être téléchargés sous forme de flux standard "multipart/form-data" ou de contenu de fichier (HTTP PUT file upload).
  • Compatible avec n'importe quelle plate-forme d'application côté serveur: Fonctionne avec N'importe quelle plate-forme Côté Serveur (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) qui prend en charge le fichier HTML standard télécharger.

Références

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

ici 10+ PHP Ajax Télécharger le Fichier Tutoriels - Téléchargement Gratuit vous pouvez choisir de beaucoup de téléchargeurs.

39
répondu blasteralfred Ψ 2018-04-13 22:11:49

je pense que les suivants sont la chose dont vous avez besoin, ils prennent également en charge de progresser télécharger bien dans IE par le composant Flash

1
répondu user1335639 2012-08-14 12:29:32

http://www.plupload.com/ est disponible en plusieurs durées d'exécution et a une dégradation gracieuse. Si HTML5 est pris en charge, il peut également faire glisser-déposer les téléchargements.

0
répondu Scott Weinert 2012-05-08 17:26:01

Utilisation:

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

Pas De Flash, Jquery Simple.

  1. plusieurs de sélection du fichier, la barre de progression dans FF, Chrome, Safari
  2. glisser-déposer de fichier, sélectionnez dans FF, Chrome
  3. téléchargements sont annulables
  4. pas de dépendances externes
  5. n'utilise pas Flash
  6. entièrement travailler avec https
  7. prise en charge du clavier en FF, Chrome, Safari
  8. testé en IE7, 8; Firefox 3,3.6,4; Safari4, 5; Chrome; Opera 10.60;

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

Vous pouvez également utiliser les présentes:

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

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

http://www.albanx.com/

Flash-moins IE progrès bar

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

J'espère que cela vous aidera.

0
répondu AlphaMale 2012-06-24 18:55:06

pour prendre en charge la barre de progression et le téléchargement de plusieurs fichiers dans IE nécessite Flash. Malheureusement, aucun des nouveaux widgets "flashy but flashless" ne supporte cela.

la seule solution que j'ai trouvée est Uploadify, 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 semblent tristement opposés à la mise en œuvre d'une solution de repli en Flash pour IE.

-1
répondu Alex Neth 2012-07-14 23:01:44