UPLOAD PLUSIEURS FICHIERS EN AJAX + FLASH+PHP

Information sur la source

Catégorie :Javascript / DHTML Classé sous : ajax, upload, multiple, fichier, formulaire Niveau : Débutant Date de création : 29/02/2008 Date de mise à jour : 21/05/2008 11:10:48 Vu / téléchargé: 12 219 / 1 304

Auteur : mnouzahir

Site perso

Ecrire un message privé

Note :

9,33 / 10

Commentaire sur cette source (28)

Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale

script réalisé par http://digitarald.de/project/fancyupload/ ,
Il permet l'envoi de fichiers multiples mais réellement multiples puisqu'il n'impose pas l'abondance d'input avec bouton parcourir, un seul suffit.
En plus une barre d'avancement animée est intégrée !

vu qu'il y a beaucoup de gens qui n'arrivent pas à installer ce script je le poste ici.

vous n'avez qu'a décompresser le fichier zip

Source

Tous est dans le zip

Tous est dans le zip

Conclusion

bonne utilisation

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

upload
- css
  - common.css 1 504 octets
- images
  - delete.png 715 octets
  - head-digit.png 15 828 octets
  - photo_upload.png 758 octets
  - spinner.gif 599 octets
  - spinner.png 28 525 octets
  - Thumbs.db9 216 octets
- js
  - FancyUpload.js 9 172 octets
  - urchin.js 21 414 octets
- sources
  - Swiff.Uploader.as 5 853 octets
  - Swiff.Uploader.fla45 568 octets
  - upload.phps1 395 octets
- swiff
  - Swiff.Base.js 4 384 octets
  - Swiff.Uploader.js 3 163 octets
  - Swiff.Uploader.swf 1 615 octets
- upload
- build.js 228 871 octets
- index.php 7 188 octets
- upload.log 487 octets
- upload.php 928 octets

Télécharger le zip

Historique

01 mars 2008 11:22:01 :: j'ai oublié de supprimer une ligne que j'ai ajouté
01 mars 2008 11:58:47 :: 1
03 mars 2008 19:53:23 :: version 2
03 mars 2008 19:56:30 :: modif
04 mars 2008 12:52:27 :: modif
21 mai 2008 11:10:49 :: modifcation

Sources de la même categorie

Toutes les sources de la catégorie Javascript / DHTML

Sources en rapport avec celle ci

Commentaires

Commentaire de viktorlebelge le 29/02/2008 16:55:08

Mnouzahir, as-tu essayé la version que j'ai mis en lien ? Parce que la tienne ne fonctione ni sur IE, ni sur FF2... En plus, la version que j'ai mis en lien permet de générer des miniatures.
Commentaire de coucou747 le 29/02/2008 20:17:53

hum.... tu devrais plutot mettre ca sur flash et pas sur phpcs... t'as quasiment pas de php sur ta source
Commentaire de stailer le 29/02/2008 21:54:35

je préfère SWFUpload, car il me semble avoir eu des problèmes de compatibilité sous IE avec Prototype et/ou Scriptaculous chargés en même temps... donc attention...
Commentaire de mnouzahir le 01/03/2008 11:25:33

j'ai oublié de supprimer une ligne que j'ai ajouté
Veilliez remplacer le fichier upload.php par le code ci-dessus
Commentaire de viktorlebelge le 01/03/2008 16:56:40

J'ai fait le remplacement, ça ne va toujours pas... bon je rappelle que ma version fonctionne sur FF2 et sur IE6 aussi, génère automatiquement des miniatures et renomme les fichiers en minuscule (pour peu que l'on mette un chemin relatif).

Mais j'ai deux question à te poser, as-tu essayé ma version, sur quoi as-tu essayé la tienne,en local ou on line?
Commentaire de louisa le 03/03/2008 08:50:34

Bonjour,

Trés bon script,mais ou vont les images uploader sur le serveur.
Peut on choisir la destination du dossier.

Merci,
Commentaire de viktorlebelge le 03/03/2008 15:41:20

Sur cette page ci http://www.javascriptfr.com/code.aspx?ID=44771 j'ai posté ma version, les images vont dans "images" et "miniatures".
Commentaire de mnouzahir le 03/03/2008 16:06:42

Pour viktorlebelge
Oui j'ai déjà tester la tienne mais ça n'a pas marché.
Et j'ai testé la mienne en local
louisa pour les images tu doit utiliser move_uploaded_file dans cette partie dans le fichier upload.php

else
{
/**
* UPLOAD SUCCESSFULL AND VALID
*
* Use move_uploaded_file here to save the uploaded file in your directory
*/}
Commentaire de viktorlebelge le 03/03/2008 16:38:54

Tu as modifié le chemin relatif dans index?
Commentaire de mnouzahir le 03/03/2008 19:49:52

J'ai pas compris ton question de quel chemin absolu tu parle?
Voila ce vous devez mettre pour copier les image dans un dossier.
Vous devez mettre ceci dans le fichier upload.php dans l'emplacement mentionné en haut.
pour mois les image sont deplacés dans le dossier "dossier".
move_uploaded_file($file, '.\\dossier\\'.$_FILES['Filedata']['name']);
Commentaire de vduffaut le 03/03/2008 22:14:25

Pour ceux qui n'ont rien dans le dossier upload, peut-être avez conservé la balise <? d'upload en lieu et place de <?php

Toutes les config ne sont aussi permissives...
Commentaire de viktorlebelge le 06/03/2008 03:39:00

mnouzahir, je parlais du chemin relatif à modifier comme je l'ai expliqué pour ma version, je comprends qu'elle ne fonctionnait pas chez toi si tu ne l'avais pas modifié...
Commentaire de patrickzfr le 06/03/2008 21:51:04

J'ai installé le code sur mon site, mais les images envoyées ne vont pas dans /upload/upload. Elles restent dans /upload et par exemple mon image Nénuphars.jpg porte le nom .\upload\Nénuphars.jpg

j'ai bien
move_uploaded_file($file, '.\\upload\\'.$_FILES['Filedata']['name']);
dans upload.php. Il doit y avoir un pb de syntaxe dans cette ligne, mais je ne vois pas où...

Une idée??

Autre question: comment modifier les types de fichiers autorisés pour le téléchargement? Par défaut c'est GIF, PNG, JPG ou TIFF et je voudrais ajouter JPEG
Commentaire de patrickzfr le 06/03/2008 22:18:03

J'ai trouvé pour move_uploaded.
Il faut changer \ par / et n'en laisser qu'un:

move_uploaded_file($file, '.\\upload\\'.$_FILES['Filedata']['name']);
devient
move_uploaded_file($file, './upload/'.$_FILES['Filedata']['name']);
et là, les fichiers vont bien se mettre dans /upload/upload

Pour les types de fichiers permis, c'est dans \upload\js\FancyUpload.js

à la ligne 63:
types: {'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png'},
Commentaire de viktorlebelge le 08/03/2008 10:51:06

Bonjour,

J'ai mis ma version à jour, elle se trouve ici : http://www.charlier-huy.be/viktorlebelge/upload.rar

Elle permet de choisir le dossier de destination, créer des miniatures, écrire dans une base de données (le script de création des tables se trouve dans le fichier « aide.txt »), et enfin, visualiser automatiquement les images envoyées.

N'oubliez pas de consulter le fichier « aide.txt », vous verrez, ce n'est pas compliqué à mettre en place et ça fonctionne.
Commentaire de joebuz le 30/03/2008 15:39:18

MERKKKKKKKKKKKKKKKKKKiiiiiiiiiii
c'est super je vais enfin pouvoir proposer des upload video suerieur à 5Mo !!
merci.

Bon je ne comprends rien à comment ça marche (un peu d'explication sur à quoi servent les fichiers auraient été bien) en tout cas moi qui voulait en créer un alors que je ne connaît rien au flash et a js, je m'aperçois que tout seul j'aurais mis un paquet d'années !!
Commentaire de joebuz le 30/03/2008 16:06:03

Ouinnnnn
ça marche pour les photos, mais pour les videos ça transfert, ça marque completed, mais je ne les retrouve nul part !
Commentaire de joebuz le 30/03/2008 16:20:16

autant pour moi, ça fonctionne, faut juste supprimer les verif d'erreur !
Commentaire de joebuz le 30/03/2008 16:39:37

Bon et bien aprés plusieurs essais, ça fonctionne pour les videos mais inderieur à 5Mo
(j'ai le même probleme avec un formulaire en PHP), pourtant la video se charge completement, mais elle n'apparaît pas sur mon serveur, et j'ai aucun message d'erreur.

Qqqn aurait une idée !?
Commentaire de mnouzahir le 01/04/2008 13:39:07

bonjour tous le monde:
pour l'ajout des types des fichiers voila comment faire:
types: {'Tous type (*.*)': '*.*','vedio (*.avi, *.mpeg, *.mov, *.png)': '*.avi; *.mpeg; *.mov; *.png','Documents(*.doc, *.pdf, *.rtf, *.xls)': '*.doc; *.pdf; *.rtf; *.xls'},
et vous pouvez ajouter autant de fichiers que vous voulez.
pour la taille des fichiers : je crois que il faut faire:

modifier cette ligne dans le fichier php.ini
; Maximum allowed size for uploaded files.
upload_max_filesize = 50M

et
dans le fichier upload.php
if (!is_uploaded_file($file) || ($_FILES['Filedata']['size'] > 50 * 1024 * 1024) )
bonne chance
Commentaire de liko le 05/04/2008 15:32:27

Et bien pour moi impossible de retrouver les fichiers uploadés.... et ça même en modifiant la destination du move_uploaded_file ligne 51 (relatif ou absolu d'ailleurs). J'aurais raté quelque chose ?

Et petite question :

Est il normal que le premier formulaire post dans /upload/upload.php qui n'existe pas ?
Commentaire de liko le 05/04/2008 15:36:57

Ok autant pour moi, ça marche avec Mozilla, mais pas IE6...

Je vais chercher pourquoi, mais quelqu'un aurai peut etre deja solution pour le faire tourner sous IE ?
Commentaire de viktorlebelge le 05/04/2008 20:12:19

Avec IE, il est obligatoire de rafraîchir la page avant de sélectionner les fichiers à uploader.
Commentaire de soundpanther le 12/05/2008 12:51:44

Bonjour,

il marche pas chez moi

merci
Commentaire de soundpanther le 18/05/2008 20:54:04

Bonjour,

mnouzahir tous le monde vous affirme que ce code ne marche, pas mais aussi tous le monde aime ce code alors pouvez vous le modifier de sorte que ne puissions vraiment en profiter.

URGENT
Commentaire de soundpanther le 18/05/2008 21:00:24

Bonjour,

je retire ce que j'ai dit car dans "Select Files II" ça fonctionne.

Merci a toi
Commentaire de mnouzahir le 21/05/2008 11:31:14

bonjour toutes et tous

J'ai mis le code à jour en prendre en considération tous les commentaire cités dans ces conversation.

maintenant ca marche bien sur FF et IE et les deux formulaire.

Merci tous
Commentaire de yayapem le 21/06/2008 12:08:20

Bonjour à tout le monde!!
J'aurais aimé savoir comment récupérer le nom des images uploadées en utilisant ce système, pour l'insérer dans une BDD.
Merci d'avance pour vos réponses...

Ajouter un commentaire

Discussions en rapport avec ce code source

UPLOAD -> comment faire???? par attentio

upload et chemin d'accès par skmancuso

Upload par méthode GET par Blacknight91

Upload d'une image sans formulaire par djangoboy

Formulaire et upload par MATHIS49

Formulaire html + php par jcheseaux

Upload de fichier par formulaire par stevo77

Upload sans formulaire par SoyYo

Réaffichage d'un formulaire par ninoy

Upload d'image ==> Problème :s par robapt