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

La sécurité des applications PHPLa sécurité des applications…
Tuto sécurité PHP : Les bases essentielles pour sécuriser…

Lecture de flux RSS avec cURLLecture de flux RSS avec cURL…
Voici un tuto Php sur l'utilisation de cURL pour récupérer…

Laravel : Template, CSS, Inscription et FormulairesLaravel : Template, CSS, Inscription…
Dans ce tuto PHP dédié à Laravel (framework PHP), nous verrons…

Laravel : Modèles, Sessions et VuesLaravel : Modèles, Sessions…
Dans ce tuto PHP consacré à Laravel (framework PHP), nous…

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…

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…

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é



Toutes les formations de Simpledev


Témoignage des clients de simpledev

Des tuto de qualité et bien expliqués.

Les tutos sont bien expliqués.

Super tuto, rien à dire. merci

Bonjour, vidéos bien expliquées sur Créer un blog avec Node.js

Un très bon formateur qui va au bout de ses explications. Ses tutoriels sont de qualité et je les recommande fortement ! Merci à vous pour ce que vous m'avez appris !

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 (12 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (27)

par Cantegrela voté :
(a acheté ce tuto - 05 mai 2014)

" Super !
Merci beaucoup.
Je devrais augmenter la note que j'ai donnée au tuto, mais j'avais déjà mis 5 sur 5 ....
"

par simpledev
(auteur de ce tuto - 05 mai 2014)

" if($req->rowCount() <= 6) {
//tu traite l'upload
}
else{
//tu renvoi un message d'erreur
} "

par simpledev
(auteur de ce tuto - 05 mai 2014)

" @ Cantegrel Salut! Et bien tu enregistre en base de donnée à chaque nouvel upload en rajoutant un champ user_id par exemple. Et avant de traiter l'upload d'une nouvelle image, tu vérifies le nombre d'upload du user.
Par exemple :
$req = $bdd->prepare('SELECT * FROM ta_table WHERE user_id = :user_id');
$req->execute(array('user_id' => $user_id));
if($req->rowCount() <= 6) {

} "

par Cantegrela voté :
(a acheté ce tuto - 03 mai 2014)

" Bonjour,
Je viens de voir cette réponse du 8 avril. Merci.
En fait: mon utilisateur s'identifie avec son nom et son email. Je voudrais qu'il puisse uploader entre 1 et 6 photos . C'est ces 2 limites (1 minimum et 6 maximum) que je voudrais programmer. Ce doit être simple, mais je débute ... "

par simpledev
(auteur de ce tuto - 08 avril 2014)

" @Cantegrela Tu peux par exemple récupérer l'ip de l'utilisateur à chaque upload terminé et l'insérer dans un champs de ta table. Ensuite à chaque nouvel upload, tu vérifies combien de fois l'ip apparait dans la table, et si il est <= 6 tu upload, sinon tu ne fais rien.
C'est une idée comme ça, mais c'est pas très fiable, le user peut modifier son ip comme il veut, ce serait mieux si le user devait s'identifier avant d'uploader son fichier. "

par Cantegrela voté :
(a acheté ce tuto - 08 avril 2014)

" Merci pour cette première réponse rapide.
Je précise ma question: les visiteurs uploadent les photos une par une, mais je voudrais qu'ils n'aient pas le droit d'en uploader plus de 6 en tout
C'est cette limite à 6 que je voudrais savoir programmer
Je débute ....
Merci
"

par simpledev
(auteur de ce tuto - 08 avril 2014)

" @Cantegrela Bonjour, merci pour ton commentaire. Quand tu dis 6 photos par utilisateur, c'est 6 photos en même temps dans un upload multiple ou alors 6 photos en tout et pour tout ? "

par fra030288
(a acheté ce tuto - 21 août 2013)

" Bonsoir,

Est-il possible d'avoir la base de donnée dans les fichiers sources?

D'avance merci "

par grafikeoa voté :
(a acheté ce tuto - 03 juin 2012)

" très bon tuto!!! "

par shoxXxa voté :
(a acheté ce tuto - 02 juin 2012)

" D'abord merci pour ce super tuto qui va m'être très utile...
Part conte il serait intéressant de pouvoir limiter le nombre d'upload, par exemple si l'on veut que la personne upload pas plus de 10 images maximum et aussi que la personne puisse elle-même supprimer ses fichiers uploadé... Je pense que ça pourrait être pas mal pour compléter... donc si des fois... je suis preneur !!! "

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 babasdu24a 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 arthurpommea 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 PeGaZe33a 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 Jasse29a 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 PeGaZe33a 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 Jasse29a 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é 429 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, dans la catégorie Tuto Php Image.

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 !