Dans ce tuto PHP en vidéo, vous apprendrez à réaliser un système d'upload d'images avec création de miniatures et d'une galerie d'images. Nous créerons donc un formulaire pour permettre d'uploader une image, nous effectuerons des vérification sur le fichier pour s'assurer qu'il est bien une image et que la taille ne soit pas trop importante.Nous afficherons un message d'erreur à l'utilisateur en fonction de l'erreur rencontrée.

Ensuite nous verrons comment enregistrer l'image chargée par l'utilisateur, et comment créer une miniature de celle-ci avant de l'enregistrer dans un dossier "miniatures".Nous verrons également comment renommer les images avec un identifiant unique basé sur le temps.Enfin nous verrons comment créer une galerie d'images avec des miniatures cliquable, afin d'afficher l'image dans sa taille originale.

Jetez un oeil à ces autres tuto Php

Réaliser un panier d'achat de A à ZRéaliser un panier d'achat…
Dans ce tuto PHP, en vidéo, vous allez apprendre à réaliser…

Afficher la différence entre 2 dates en PHPAfficher la différence entre…
Dans ce tuto PHP en vidéo, vous apprendrez à afficher la différence…

Création d'un formulaire web 2.0Création d'un formulaire…
Dans ce tuto jQuery nous allons apprendre à nous servir de…

PHP: envoyer des emails avec SwiftmailerPHP: envoyer des emails avec…
Dans ce tuto PHP en vidéo, nous verrons comment se servir de…

Espace membre en PHP/MySQLEspace membre en PHP/MySQL
Dans ce tuto PHP/MySQL en vidéo, nous verrons comment implémenter…

PHP POO cas pratique pour débutant, formulaire de contactPHP POO cas pratique pour…
Dans ce tuto PHP en vidéo pour débutants en POO, nous verrons…

Transmission de données Flash vers une base MySQL via PHPTransmission de données Flash…
Dans ce tuto Flash PHP, vous allez apprendre à transmettre…

Un blog en PHP (première partie)Un blog en PHP (première…
Dans ce tuto PHP en vidéo, nous verrons comment réaliser un…

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Php de 36 minutes est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

simpledev , formateur certifié



En savoir plus sur simpledev


Témoignage des clients de simpledev

Très bon formateur et surtout une incroyable diversité de tuto dans le domaine du développement de site web. J'ai commencé par les tutos concernant le html 5 et CSS3. Ces derniers proposent des sujets très utiles pour dynamiser mon site

Excellents tutos, très bien expliqués. Les tutos de Simpledev sont très utiles. L'une des choses qui fait la richesses des tutos est le "mélange des langages de programmation". On peut ainsi réaliser des systèmes complexes, avec plusieurs langages !

Bref j'ai pas besoin de préciser très bon formateur :)

Excellent Formateur, 5/5 tout y-est: application, contenu, bon son, pédagogie, bonne image, j'ai beaucoup appris en 2 jours de tuto. Parmi les quelques tutoriels que j'ai vu c'est celui qui se démarque. Simpledev. Bravo à lui j'en redemande.

Quoi dire d'autre ? merci pour tout ;).

Lire les autres témoignages

 

D'autres tuto de simpledev

Un forum en PHPUn forum en PHP
Dans ce tuto Forum PHP, nous allons réaliser un foru très complet. Ce tuto PHP se présente…

Captcha facile avec PHPCaptcha facile avec PHP
Dans ce tuto PHP gratuit, nous verrons comment créer un captcha (champs anti-spam),…

Effet d'ombrage sur un texte en CSS 3Effet d'ombrage sur un texte en CSS 3
Dans ce tuto CSS 3 en vidéo, nous verrons comment créer un effet d'ombrage sur un texte…

Forum avec CodeigniterForum avec Codeigniter
Dans ce tuto Forum avec Codeigniter en vidéo, nous implémenterons un forum avec le…

voir tous les tuto de simpledev

Notes attribuées par les utilisateurs (9 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (17)

par netionemac
(a acheté ce tuto - 30 avril 2012)

" Super rapide ok merci je vais voir comment fonctionne cette extension merci à toi "

par simpledev
(auteur de ce tuto - 30 avril 2012)

" Salut netionemac, pour ça tu as ffmpeg-php, site officiel : http://ffmpeg-php.sourceforge.net/, un tuto : http://www.digitalspirit.org/blog/index.php/post/2008/10/09/Ffmpeg-et-Php, et un autre : http://blog.websourcing.fr/ffmpeg-php-controler-les-videos-et-sons-avec-php/.
Sachant qu'il te faudra un accès au serveur, difficile (impossible?) à mettre en place sur un mutualisé.
Voilà a+ "

par netionemac
(a acheté ce tuto - 30 avril 2012)

" Bonjour,
tout d'abord très bon tutoriel, j'ai appris beaucoup de chose cependant je voudrais adapter se système d'upload pour uploader des vidéo tout en faisant un conversion en flv.
J'ai déjà beaucoup chercher mais rien ne fais mon bonheur.
Une aides serait le bienvenue merci d'avance "

par xOpSHD
(a acheté ce tuto - 31 janvier 2012)

" Trés bon tutoriel avec de bonnes explications.
Merci beaucoup :)
"

par sunnely
(a acheté ce tuto - 21 mai 2011)

" bonjour a tous les passants,
j ai poste un message concernant un probleme d affichage suite a la fonction move_uploaded_file.voila mon probleme est resolu et je regrette un peu que cela n est pas ete mentionne ds le tuto . mais bon peut etre que je suis exigeant.
il est primordial pour que le script fonctionne et notament la fonction move_uploded_file d appliquer au niveau d apache ds votre repertoire www les droits absolu(chmod 755) au dossiers images et de lui attribuer comme proprietaire WWW-DATA a ce foutu dossier!!!!!!
pour le reste le script est propre comme toujours d ailleurs de la part de simpledev...... "

par simpledev
(auteur de ce tuto - 20 mai 2011)

" @sunnely

Salut,

Il n'y a rien à paramétrer au niveau de pdo puisque l'image apparaît bien dans ta base de données. Sinon est-ce que tu as modifier ton fichier php.ini ? par défaut tu as upload_max_filesize = 2M ce qui veut dire que tu ne peux charger de fichier supérieurs à 2mo (c'est peu). Modifies cette ligne en mettant par exemple upload_max_filesize = 70M puis enregistres et redémarres wamp. On verra déjà si le problème vient de la taille du fichier uploadé.
Sinon le problème vient du code, mais sans l'avoir sous les yeux, je peux pas faire grand chose pour t'aider:) "

par sunnely
(a acheté ce tuto - 20 mai 2011)

" y at il une chose a parametrer au niveau apache pour pdo? je crois avoir activer cela car php 5.1 est natif avec pdo .je suis degoute les images ne sont pas recupere de mysql'5(phpmyadmin) vers mon fichier apache (var........) j ai tout essaye je comprends pas! "

par sunnely
(a acheté ce tuto - 20 mai 2011)

" bonjour,
j ai bien lu le script , cependant je ne comprends pas pourquoi lorsque j uploade une image elle apparait bien dans ma basse de donnees mais elle n est pas recupere dans le dossier image a la racine du site .j avoue que je ne comprends pas si quelqu un pouvait m eclairer ce serait plutot cool.
merci "

par babasdu24à voté :
(a acheté ce tuto - 06 mai 2011)

" merci pour ce tuto !
explication simple et clair, j’adhère !
2 petites questions :

- est'il possible de limité le nombre d'image télécharger ?

- est'il possible de créer un bouton de suppression des images en nettoyant le champs "nom" dans la base de donnée mais sans la supprimé ?

je souhaiterai utilisé les fonction de ces script pour les adapté à un espace membre pour uploadé un avatar.
merci par avance pour votre réponse et vivement le prochain tuto ! "

par arthurpommeà voté :
(a acheté ce tuto - 17 avril 2011)

" Super tutoriel ! Encore merci :) "

par simpledev
(auteur de ce tuto - 09 janvier 2011)

" Ben tu peux utiliser le script que tu veux pour agrandir les images, zoombox entre autre oui. "

par Diablo
(n'a pas acheté ce tuto - 09 janvier 2011)

" En peut utilisez zoombox pour agrandir les images ? "

par PeGaZe33à voté :
(a acheté ce tuto - 09 novembre 2010)

" Merci pour ses informations supplémentaires ^^
(et je l'aime bien mon pseudo ! il faut de la dextérité pour savoir l'écrire et ça, j'adore ! lool) "

par Jasse29à voté :
(a acheté ce tuto - 09 novembre 2010)

" Merci beaucoup pour l'adresse et la méthode. Et votre réponse à .... est aussi très intéressante. "

par simpledev
(auteur de ce tuto - 09 novembre 2010)

" @Jasse29 tu peuc télécharger le thème à cette adresse : http://www.deuxcode.com/downloads/komodo-edit-5-dark-color-schem je l'ai un peu modifié depuis mais ça y ressemble beaucoup. Ensuite tu ouvres le fichier avec komodo (un glisser déposer du fichier) et ensuite dans le menu tu fais edit=>preferences=>fonts and colors et tu choisis le scheme dans la liste.

@PeGaZe33 (il est chiant à écrire ton pseudo :) ) En fait le redimensionnement est déjà créer dynamiquement avec PHP. Tu dois d'abord le faire comme cela avant de rajouter des effets avec Jquery, il faut que ton site fonctionne parfaitement sans mettre de Javascript. Ensuite tu peux rajouter des effets sympas avec Jquery, mais toujours travailler d'abord en PHP parce que certains utilisateurs désactive le Javascript, ce qui m'arrive de faire parfois d'ailleurs.
De plus tu ne peux pas stocker d'images sur le serveur en utilisant uniquement du javascript.
Voilà a+ "

par PeGaZe33à voté :
(a acheté ce tuto - 09 novembre 2010)

" Bonsoir,

Rien à dire de plus que : clair, net et précis comme l'ensemble des tutos :)

Par contre, petite question : n'est-il pas possible de créer dynamiquement le redimensionnement des images via jQuery ce qui permettrai de ne travailler qu'avec une seule copie de l'image sur le serveur (même si le poids n'est pas énorme si on a qu'une galerie perso mais quid si on passe à une galerie à plus grande échelle)?

Bonne continuation pour la suite :) "

par Jasse29à voté :
(a acheté ce tuto - 08 novembre 2010)

" Bonsoir,

Comme d'habitude un tutoriel de qualité où l'on apprend facilement tant les explications sont claires et concises.

Sinon j'aurais une requête : pourriez-vous faire un tutoriel sur Komodo Edit notamment sur la personnalisation de ce dernier afin d'avoir la même chose que vous. En vous remerciant par avance. "

 

Donnez votre avis ou posez une question au formateur.

Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous

Ce tuto en résumé ...

Ce tuto Php d’une durée de 36 minutes a été acheté 308 fois et a reçu une note moyenne de 4/5.

Ce tuto a été publié le 8 novembre 2010 par simpledev, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4,4/5 pour l’ensemble de ses vidéos.

Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.

Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.

Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.

N'hésitez pas à nous contacter si vous avez la moindre question !