begin process at 2012 02 08 19:38:39
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Formulaires

 > UPLOADER PLUSIEURS FICHIERS AVEC BARRE DE PROGRESSION AJAX

UPLOADER PLUSIEURS FICHIERS AVEC BARRE DE PROGRESSION AJAX


 Information sur la source

Note :
9,75 / 10 - par 4 personnes
9,75 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Formulaires Source .NET ( DotNet ) Classé sous :upload, uploader, ajax, multi, aspnet Niveau :Initié Date de création :05/01/2007 Vu / téléchargé :38 997 / 3 443

Auteur : clemox

Ecrire un message privé
Commentaire sur cette source (17)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
j'ai peut-être mal cherché sur le net, mais je n'ai pas trouvé de code me permettant de faire ca en ASP.NET / C# :
- Uploader plusieurs fichiers d'un coup (multi upload)
- Avoir une barre de progression montrant le niveau de l'upload (et d'autres infos)
- Pouvoir annuler l'upload à tout moment.
- Et le plus important, il ne doit y avoir rechargement de page visible pour l'utilisateur.

Voilà donc tout ce que permet ma source :P
Au final, ca fait bien *_*

(Notez qu'il faut pas trop chercher le côté esthétique de la chose, il faudrait rajouter des images ...)

Source

  • Tout est dans le zip ...
Tout est dans le zip ...

 Conclusion

Techniquement, le fonctionnement global est simple :

+ Pour faire du multi-upload :
> Du javascript côté client génère des input file, et cache celui que l'on vient de remplir.
Merci à Cyril qui m'a donné ce blog (http://blogs.codes-sources.com/themit/archive/200 5/07/08/9062.aspx) pour un petit problème que j'avais...

+ Pour faire la barre de progression :
> Là, c'est un peu plus compliqué... une iframe est caché dans la fenêtre et les fichiers sont postés dedans et c'est un thread qui s'occupe de récupérer les fichiers.
Un système de communicaction est alors mis en place (via une variable de session) pour échanger les données entre le thread et la page qui fait des appels ajax.

+ Pas de rechargement de la page :
> Grâce à javascript (ajax) et l'iframe cachée, aucun chargement n'est visible !

---------
2,3 trucs pourraient être améliorés :
Afficher d'autres informations avec la barre de progression : temps d'attente ...
Embellir un peu le tout !
Forefox marche moins bien que IE7..........

---------
Tester sous :
Firefox 2.0.0.1 : marche mais c'est pas tout à fait ca encore.
IE 7 : pas de problème à signaler, fluide chez moi.

--------
Merci de vos commentaires, optimisations ...

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources de la même categorie

Source .NET (Dotnet) COMMENT FORMATER LE NOMBRE DE CARACTÈRES D'UN COLONNE DANS U... par PascalCmoa
Source avec une capture Source .NET (Dotnet) AJOUTER UNE IMAGE À UN BOUTON par PascalCmoa
Source avec Zip Source .NET (Dotnet) DATAGRID AVEC RECHERCHE ALPHABÉTIQUE par gatita_dev
Source avec Zip Source avec une capture Source .NET (Dotnet) IMAGE ANTI-BOT ET VALIDATION DE FORMULAIRES par badrbadr
Source avec Zip Source avec une capture Source .NET (Dotnet) .NET2 - UTILISATION DES VALIDATIONGROUP par jesusonline

 Sources en rapport avec celle ci

Source avec Zip Source .NET (Dotnet) ENVOYER DES DONNÉES D'UN POPUP VERS LE PARENT (JAVASCRIPT) par fredzool
Source avec Zip Source .NET (Dotnet) CUSTOM USER CONTROL COLLECTION par ranouf
CREATION D'UN AUTOCOMPLETE JQUERY AVEC UN CODE SOURCE ASP ET... par dedebis84
Source avec Zip Source avec une capture Source .NET (Dotnet) UPLOAD FILE par bensoft2006
Source avec Zip Source .NET (Dotnet) AJAX ET DROPDOWNLIST par ivanoff1

Commentaires et avis

Commentaire de tikrimi le 05/01/2007 23:53:10

Bonsoir,

C’est effectivement très sympathique comme résultat… mais je reste toujours sur ma faim pour le chargement de plusieurs fichiers en html pur. Je rêve toujours de pouvoir sélectionner plusieurs fichiers d’un coup, ou un répertoire, ou de faire un glisser déposer comme ou peut le faire dans les sites de photos en installant un activex… elle va évoluer quand cette balse <input type= "file"/> !!!

Commentaire de Kenshin07 le 15/02/2007 10:18:35

Ta fonction AddFile() en JavaScript est MAGNIFIQUE !!
Ce code me sauve la vie !!!!!

Merci Clemox

Kenshin07

Commentaire de cybergoustaf le 14/03/2007 13:01:48

Bonjour,

Etant un néophite, je vais surement poser une question idiote:

J'ai chargé le projet dans visual studio 2005, mais quand je lance la compilation j'ai cette erreur:

"le type ou le nom d'espace 'Uploading' est introuvable"

pourtant, mon fichier Uloading.cs se trouve bien dans le sous répertoire App_Data du projet.

Quelqu'un aurai-t-il une solution?

Merci d'avance

Commentaire de cybergoustaf le 14/03/2007 13:20:46

Oups, je viens de comprendre tout seul...j'avais mis le fichier Uloading.cs dans App_Data et non App_Code...désolé pour le dérangement

Commentaire de JPP80FR le 21/04/2007 09:37:52

bonne application
petite amelioration "GetData()" pouvoir la possibilité de paramètre l'endroit où Enregistre les fichiers

Commentaire de gfpl le 18/05/2007 11:01:57

arggg si qq a ca ne php :( pq 90% du ajax est asp?

Commentaire de halim1212 le 25/05/2007 14:38:09

M'étant penché sur le sujet dernièrement et ayant essayé d'utiliser ton programme, je voulais faire les commentaires suivant concernant la barre de progression (car c'est l'aspect que je recherchais):

Ton approche ne me semble pas la bonne, je n'ai pas creusé la question en profondeur, mais il me semble que les fichiers sont déjà uploadés (ou bufferisé) sur le serveur quand tu executes la procédure GetData(). Ton programme permet d'avoir une barre de progression sur la copie des fichiers du repertoire temporaire à l'endroit spécifié (copie que tu ne fais pas d'un bloc mais avec un buffer qui permet de faire ça par itération).

Commentaire de halim1212 le 25/05/2007 15:08:48

J'oubliais, la solution sur laquelle je me suis dirigée, et l'on trouve plusieurs sources sur le sujet, c'est de passer par un module http qui traite HttpWorkerRequest.

Commentaire de deeloc_015 le 30/08/2007 11:46:39

Bonjour,
J'ai exécuté ton code, il marche nickel. Par contre j'ai un petit soucis, je m'explique:
Quand je transforme le default.Aspx en un webcontrol .ascx et que je l'intègre dans un default.aspx, il ne marche plus. ON affiche à chaque fois que j'ai un problème au niveau de mon ViewState, du style :

"Échec de la validation MAC Viewstate. Si cette application est hébergée par une batterie de serveurs ou un cluster, assurez-vous que la configuration <machineKey> spécifie le même validationKey et le même algorithme de validation. AutoGenerate ne peut pas être utilisée dans un cluster."
[HttpException (0x80004005): Impossible de valider les données.]

J'suis un p'tit peu embeté, aura tu une idée?!
Merci

Commentaire de small44 le 17/10/2007 13:18:36

Bonjour,
Je cherche a permettre a l'utilisateur uploader tout le contenue d'un dossier (ce sont que des fichier texte) mais en ne renseignent que le nom du dossier.
Du coup, il me faut recuperer tout les fichiers 1 par 1 et les uploader. Mais la je bloque car je ne veut qu'un seul item fileupload.
Auriez vous une idée ?

Commentaire de Dany Frez le 24/10/2007 02:05:53

Bonjour,
J'ai un petit problème avec ce code concernant les fichiers de plus de 78ko.
Je suis sur serveur 2003 IIS6 .Net 3.0. Dès que le fichier dépasse les 78ko, le fichier ne s'upload pas, il apparait tout de même, mais pèse 0ko. Un message se créé dans le journal des
erreur: id 5000 P9 system.objectdisposedexception
il ne sagit pas d'un probleme du webconfig (poid ou timeout). J'ai cherché sur le net, mais il semblerait que cet id soit une exception non géré. si quelqu'un à une idée, je suis prenneur!
Merci d'avance!

Commentaire de ghostfile le 24/04/2008 10:10:50

Ca a lair super sympa, mais je ne comprends absolument pas comment utiliser ce code...
peut on me dire la procédure...c'est frustrant apres temps d'heure de recherche... ^^

Biz

Commentaire de askil2000 le 12/01/2009 18:02:43

Merci, c'est super !

Commentaire de Scorps le 12/04/2010 09:22:34

Savez-vous si il y a des failles de sécurité importante avec ce script ? Car je l'ai mis en ligne vendredi et ce matin en faisant un checkup de mon site, j'ai remarqué des dizaines de fichiers identiques "pirates" (pages "vous avez été hacker par XXXXX") qui avaient été uploadés dans des répertoires où ils n'auraient vraiment pas du se trouver ?

Sinon il avait l'air pas mal...

Commentaire de Zaibe le 13/05/2010 10:50:18

Bonjour,

voici en script full JS avec un sample php ( server side )
http://developers.sirika.com/mfu/

Je vous laisse juger

Commentaire de LordArthis le 22/06/2010 11:24:34

Bonjour,
J'ai un petit problème avec ce code concernant les fichiers de plus de 78ko.
Je suis sur serveur 2003 IIS6 .Net 3.0. Dès que le fichier dépasse les 78ko, le fichier ne s'upload pas, il apparait tout de même, mais pèse 0ko. Un message se créé dans le journal des
erreur: id 5000 P9 system.objectdisposedexception
il ne sagit pas d'un probleme du webconfig (poid ou timeout). J'ai cherché sur le net, mais il semblerait que cet id soit une exception non géré. si quelqu'un à une idée, je suis prenneur!
Merci d'avance!
Essaye de rajouter cela  dans ton web.config : requestLengthDiskThreshold="8192"

<httpRuntime maxRequestLength="50000" executionTimeout="600" requestLengthDiskThreshold="8192" />

++

Commentaire de Xahel le 02/09/2010 17:23:50 9/10

Tout simplement magnifique

grand merci à toi

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

pour nix à propos de upload 2.0 [ par bernard ] Salut Nix,Tout d'abord merci pour le code, je l'utilise actuellement pour uploader 1 fichier attaché depuis mon site dans le cadre d'un dépot de CV en probleme Uploader Fichier [ par sergiodonini ] Bonjour M.Nix, j'ai un petit probleme quand j'upload un fichier sur le serveur iis.&nbsp; je me suis servi de votre code qui se trouve sur l'adresse s HttpModule Upload AJAX [ par David_Smith ] Bonjour,Je cherche à faire un composant d'upload en utilisant un HttpModule.J'ai un page avec un fileupload et bouton.Lorsque je valide mon formulaire Uploader un fichier en Ajax [ par gi9592 ] Salut à tous !J'aurai besoin de votre aide... C'est vraiment urgent !!!Il faut que je fasse un Upload en ajax... Il y a des composantsv(comme EO Web A Upload script défaillant [ par peguman ] J'ai un script venant de Nicolas Chu de nec-technologies.net pour ceux qui connaissent...son script apparait aussi sur asp-magasine...Mon probleme rés upload...help [ par peguman ] J'ai un script venant de Nicolas Chu de nec-technologies.net pour ceux qui connaissent...son script apparait aussi sur asp-magasine...Mon probleme rés script upload probleme!!! [ par peguman ] J'ai un script venant de Nicolas Chu de nec-technologies.net pour ceux qui connaissent...son script apparait aussi sur asp-magasine...Mon probleme rés upload d'un fichier sans composant ni formulaire [ par Jarodnet ] Hello !je recherche le moyen d'uploader un fichier en ASP (VBScript).Dans mon code, dans un premier temps, je parcours le répertoire partagé donné par Multi select fichier [ par jcq ] Bonjour à tous,débutant en asp.net(venant du vb6), je voudrais savoir si c'est possible de sélectionner plusieurs fichiers en même temp avec les input Comment changer le "type of file" d'un upload!!!!!! [ par Merry29 ] Bonjour/Bonsoir a tousJ'ai vraiment besoin de savoir si c'est possible de changer la valeur par defaut d'un upload d'une "web form"... je voudrais que


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,357 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales