Script PHP – Uploader une image et la redimensionner

J’ai eu besoin pour mon prochain Portfolio d’un script pour uploader une image en PHP et la redimensionner pour un meilleur affichage.

Je fais donc un petit tutoriel expliquant la réalisation et le fonctionnement du script.

Formulaire:

On commence par écrire le formulaire en HTML qui permet de donner le chemin du fichier à uploader et envoyer le fichier à PHP ensuite. Créer un fichier upload.php et copiez le code ci-dessous.
Pour créer un formulaire, nous utilisons la balise form ainsi que l’attribut enctype avec la valeur multipart/form-data pour indiquer que le formulaire est constitué de plusieurs parties (données du fichier).
Le champ de type file permettra à l’utilisateur de spécifier le chemin du fichier à uploader avec un bouton Parcourir.
Nous ajoutons ensuite un bouton de soumission.

Vous pouvez également ajouter un champ de type hidden avec pour nom MAX_FILE_SIZE et valeur la taille maximale en octet, que le fichier peut faire.

Exemple: <input name= »MAX_FILE_SIZE » size= »1048576″ type= »hidden » > pour des fichiers de 1Mo.

Upload en PHP:

Si le formulaire a été utilisé, la variable $_POST[‘upload’] existe (voir les variables de formulaire ici pour plus d’explications). On teste donc avec la fonction isset l’existence de la variable. Si tout est bon on peut continuer.
La variable $content_dir est le dossier où votre image sera stockée. S’il n’existe pas, il faudra le créer.
Il faut faire ensuite quelques tests de sécurité: d’abord sur l’extension du fichier, puis un test de sécurité pour voir l’adresse du fichier ne contient pas un autre fichier par exemple (hack.php.jpeg).

La fonction move_uploaded_file déplace ensuite le fichier uploadé (qui est pour l’instant dans un dossier temporaire) dans le dossier voulu.

On va maintenant s’occuper du redimensionnement de l’image.

Redimensionnement de l’image:

Nous allons utiliser les fonctions imagecopyresampled, et getimagesize. Puis nous utiliserons les fonctions  imagecreatefromjpeg et imagejpeg (et leur équivalent pour gif et png).

La variable $taille_min est très importante; elle définit la taille du plus petit côté de l’image finale.

On stocke dans un tableau $donnees la tailles de l’image uploadée ($donnees[0]=largeur et $donnees[1]=hauteur).
On créé une nouvelle image avec imagecreatefromjpeg (utiliser imagecreatefromgif pour les images gif par exemple).
On teste ensuite si notre image est en paysage ou en portrait grâce aux tailles de $donnees.
On créé deux nouvelles variables contenant les hauteur et largeur finales.

La fonction imagecreatetruecolor créé une nouvelle image de la taille finale voulue.
Puis on redimensionne l’image dans $image_mini grâce à la fonction imagecopyresampled (de meilleure qualité que imagecopyresized). Les paramètres sont les suivants:
– image de destination –> $image_mini
– image source –>$image
– les quatre paramètres suivants servent à décaler la photo mais nous n’en avons pas besoin
– largeur destination
– hauteur destination
– largeur source
– hauteur source

La fonction imagejpeg envoie ensuite l’image redimensionnée dans le dossier correspondant.

Il suffit ensuite de mettre tout le code bout à bout.

 $donnees[1]) { //paysage
		$largeur_finale=round(($taille_min/$donnees[1])*$donnees[0]);
		$hauteur_finale=$taille_min;
	}
	else
	{//portrait
		$hauteur_finale=round(($taille_min/$donnees[0])*$donnees[1]);
		$largeur_finale=$taille_min;
	}
	$image_mini = imagecreatetruecolor($largeur_finale, $hauteur_finale); //création image finale
	imagecopyresampled($image_mini, $image, 0, 0, 0, 0, $largeur_finale, $hauteur_finale, $donnees[0], $donnees[1]);//copie avec redimensionnement
	imagejpeg ($image_mini, $content_dir.$name_file);
	echo 'ok';
}
?>

Il est possible d’améliorer ce script qui reste basique pour être le plus compréhensible. Voici quelques idées:
– afficher l’image redimensionnée à la fin du script
– gérer différents types d’image avec $donnees[2] qui contient le type de l’image
– stocker la photo originale dans un dossier images et les miniatures dans un autre dossier mini par exemple
– ne pas redimensionner les  images qui sont plus petites que la taille minimale avec un test

Si vous avez des questions sur le fonctionnement du script, n’hésitez pas à laisser un commentaire!