Upload multiple drag&drop;
ERROR
00:00
00:00

TUTO Upload multiple drag&drop;

Fabien Le corre
2,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto HTML5 en vidéo, nous verrons comment réaliser un système d'upload d'images multiples avec Drag and Drop, c'est à dire un glisser-déposer.
Nous verrons donc comment faire en sorte que lorsque l'utilisateur dépose ses images dans une zone de chargement, les images soit chargées sur le serveur et récupérées dans notre dossier d'upload.
Nous utiliserons pour cela un plugin Jquery, ainsi que PHP pour le traitement côté serveur, et bien sur un peu d'HTML5 pour mettre en place cette petite application.
Bon tuto!

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Sans titre

Plan détaillé du cours

Leçon 1Sans titre
35m02s

Avis des apprenants

Détail des avis
135
Apprenants
5
Commentaires
4,5/5
Note moyenne
5/5
3
4/5
0
3/5
1
2/5
0
1/5
1
Redouane Guechoud
Redouane Guechoud
Publié le 01/07/2016
Tout simplement essentiel. Si vous fournissez un site à un client qui upload beaucoup de fichiers, il versera une petite larme en pensant à vous, chaque fois qu'il devra insérer un rush. Pour ma part, c'est au formateur que je dédie ma première larme.
Cooool
Cooool
Publié le 04/02/2013
Rien a dire, sa mérite 5 étoile meme si il aurait étais bien de détailler quelque info pour pouvoir afficher les informations d'un fichier uploader qui et important en mon sens. En tout cas, je suis tes tutos avec plaisir et je continurais.
Cooool
Cooool
Publié le 04/02/2013
Bonsoir Simpledev, Je n'arrive pas a afficher les infos du fichier uploader a cause du json je pense? Car mon but et de pouvoir afficher les informations d'un fichier dans une div qui sera dans le fichier upload.php genre :
fichier:{$filename} etc...
mais dans firebug le seul resultat que j'ai c'est du json :( donc comment je pourrais faire pour juste afficher ma div avec les infos quand le fichier et uploader? Merci d'avance pour ta réponse.

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

HTML 5

Attendez ! 🤗

Accédez à plus de 1351 tutos gratuits

Notre politique de protection des données