21
MARS

jQuery File Upload - Un uploader de fichiers avancé avec Drag and drop

Publié le 21/03/11 à 10h00 par DJo

jQuery File Upload est un plugin jQuery permettant de mettre un place un système d'upload de fichiers avancé avec progress bar et drag and drop.

jQuery File Upload est un plugin jQuery permettant de mettre un place un système d'upload de fichiers avancé avec progress bar et drag and drop.

Le plugin est vraiment complet et permettra à vos utilisateurs d'envoyer des fichiers de manière simple et efficace.

De nombreuses fonctionnalités permettent d'améliorer l'expérience utilisateur:

  • Upload de fichiers multiple
  • Progress bar pour suivre l'avancement du téléchargement
  • Contrôle de l'upload
  • Gestion d'une file d'attente d'upload
  • Et même la gestion de drag and drop de fichiers

jQuery File Upload - Drag and Drop de fichiers

Compatibilité du plugin d'upload:

  • Google Chrome - 7.0, 8.0, 9.0, 10.0
  • Apple Safari - 5.0 ¹
  • Mozilla Firefox - 3.6, 4.0
  • Opera - 10.6 ², 11.0 ²
  • Microsoft Internet Explorer 6.0 ², 7.0 ², 8.0 ², 9.0 ²

 

Nous sommes bien servis côté compatibilité navigateur avec quasiment tous les navigateurs supportés.

¹ et ² signifient que le navigateur ne prend pas en compte le drag and drop.

Le plugin se dégrade aussi parfaitement si le Javascript n'est pas activé, et un input file d'upload HTML classique remplacera le système.

 

Côté technologies

D'un point de vue technologique, le plugin n'utilise pas de Flash pour réaliser l'upload mais il est basé sur les open standart HTML5 et Javascript.

Il est possible de faire de l'upload Cross Domain grâce au Cross-site XMLHttpRequests.

Et enfin, les données pourront être envoyées avec un classique multipart/form-data" ou avec du file contents stream (HTTP PUT file upload).

 

Site Officiel

Baraguiné par orangevinz le 21/03/11 à 11h12
orangevinz sur La Ferme du Web
Et en plus y a un exemple pour l'intégrer à CodeIgniter

https://github.com/blueimp/jQuery-File-Upload/wiki/How-to-use-the-plugin-with-CodeIgniter

Thanks!
Baraguiné par kaen25 le 21/03/11 à 11h45
kaen25 via Twitter
Pour avoir fait joujou avec ce WE.
C'est un surcouchage d'un plug existant.
Pour implémenter l'exemple, c'est un peu tendu (même si tout les fichiers sont dispo dans le wiki).
je le conseille pas à un débutant.

J'aime pas trop le retour en je suis passé en partie avec du / .

Assez sympa comme plug sachant qu'il est utilisable (préférable) avec les thèmes de jQuery-UI.
Baraguiné par kaen25 le 21/03/11 à 11h48
kaen25 via Twitter
Désolé pour le double post (apparemment il doit y avoi du striptags dans l'air et du adslashes).

Sur :
J'aime pas trop le retour en je suis passé en partie avec du / .

Il fallait lire :
J'aime pas trop le retour en table, je suis passé en partie avec du ul / li.

PS: on peut pas reposter un commentaire sans recharger la page.
Baraguiné par zeconverter le 22/03/11 à 14h22
zeconverter sur La Ferme du Web
Pour l'avoir pas mal testé aussi sur mon site http://www.zeconverter.com , je l'ai finalement laissé tomber pour uploadify, certes en flash mais beaucoup plus stable et même comportement sur tous les navigateurs.
C'est juste dommage que le drag

Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web