Realizzare thumbnails con GD Graphics Library

In questo tutorial vedremo come implementare il modulo html per il caricamento delle immagini, aggiungendo una funzione che ci permetterà di creare delle miniature, o se preferite delle thumbnails, delle immagini che verranno caricate sul server. Per fare ciò dobbiamo controllare che sul nostro hosting sia attivo il supporto per le librerie GD. Verifichiamolo ! Creiamo una nuova pagina con una singola riga di codice <? phpinfo() ?> Salviamo il file come "info.php" e carichiamolo sul nostro dominio. Puntiamo il browser all'indirizzo relativo e saranno visualizzate tutte le informazioni relative al nostro php. Scorriamo fino ad arrivare al gruppo gd e controlliamo se GD Support sia abilitato

Riprendiamo sotto mano il tutorial del modulo html per il caricamento immagini. L'oggetto caricava il file nella directory temporanea di sistema e poi lo spostava definitivamente nel percorso che noi avevamo impostato. Bene, prima di questo passo finale, programmeremo lo script affinchè per ogni immagine caricata nel modulo ne faccia una copia con dimensioni ridotte da salvare in un'altra cartella, che chiameremo "thumbs".

Assicuriamoci che la directory abbia i permessi settati su 755 e apriamo un nuovo documento php.
Nella prima parte del codice metteremo gli elementi editabili a seconda delle preferenze, il percorso delle cartelle dove saranno salvate le due tipologie di files (le immagini a grandezza naturale e le miniature) e la dimensione della larghezza della thumbsnails.

Adesso ricollochiamo il form precedente e il controllo sul tipo di file

Attraverso l'array $_FILES['data']['type'] istruiamo lo script su quale funzione di GD Library deve utilizzare per generare la miniatura

Succesivamente lo script si occuperà di determinare le dimensioni dell'immagine caricata, attraverso la funzione getimagesize e i parametri saranno assegnati alla larghezza e all'altezza. Dopo di che attraverso il rapporto tra le due dimensioni calcolerà il fattore di proporzione, memorizzandolo in una variabile che sarà poi usata per calcolare l'altezza della miniatura grazie al valore della larghezza che abbiamo configurato all'inizio.

Siamo quasi alla fine, lo script darà origine ad una nuova immagine con i colori reali, attraverso la funzione imagecreatetruecolor, che accetta due parametri, larghezza e altezza.

La parte relativa al ridimensionamento è di competenza della funzione imagecopyresized che come vediamo ha 10 parametri : la destinazione, l'origine, le 4 coordinate cartesiane, le dimensioni per il nuovo file e le dimensioni originali.
Avremo cura di mantenere la trasparenza dell'immagine nel caso si trattasse di una png attraverso la funzione imagealphablending.

Finalmente salveremo le immagini, utilizzando le funzioni apposite per ogni formato

Per ogni difficoltà non esitate a chiedere aiuto sul forum, intanto ecco il codice completo :

<?
//percorsi cartelle per il caricamento dei files
$cartella_thumbs = "./thumbs";
$cartella_upload = "./uploads/";
//la larghezza delle miniature, in pixel
$img_thumb_width = 100;
//visualizza il modulo di caricamento file
if(!$_POST['submit'])
{
?>
<form enctype="multipart/form-data" action="<?=$_SERVER['PHP_SELF']?>" method="post">
<input type="hidden" name="MAX_FILE_SIZE" value="8000000" />
Seleziona file:
<input type="file" name="data" />
<input type="submit" name="submit" value="Carica file" />
</form>
<?
}
else
{
//verifica le dimensioni del file caricato
if($_FILES['data']['size'] ==0)
{
die('Errore : campo upload nullo');
}
$file_permessi = array("image/gif","image/pjpeg","image/jpeg","image/x-png", "image/png");
if(!in_array($_FILES['data']['type'], $file_permessi))
{
die('Estensione non consentita');
}
///////////////////////
//crea la thumbsnail///
//////////////////////
$ThumbWidth = $img_thumb_width;
//crea la nuova immagine
if($_FILES['data']['size']){
if($_FILES['data']['type'] == "image/pjpeg" || $_FILES['data']['type'] == "image/jpeg"){
$new_img = imagecreatefromjpeg($_FILES['data']['tmp_name']);
}elseif($_FILES['data']['type'] == "image/x-png" || $_FILES['data']['type'] == "image/png"){
$new_img = imagecreatefrompng($_FILES['data']['tmp_name']);
}elseif($_FILES['data']['type'] == "image/gif"){
$new_img = imagecreatefromgif($_FILES['data']['tmp_name']);
}
//ottiene larghezza e altezza dell'immagine originale.
list($width, $height) = getimagesize($_FILES['data']['tmp_name']);
//calcola le proporzioni e ottiene dimensioni thumbsnail
$imgratio=$width/$height;
if ($imgratio>1){
$newwidth = $ThumbWidth;
$newheight = $ThumbWidth/$imgratio;
}else{
$newheight = $ThumbWidth;
$newwidth = $ThumbWidth*$imgratio;
}
//funzione per ridimensionare l'immagine.
if (function_exists(imagecreatetruecolor)){
$resized_img = imagecreatetruecolor($newwidth,$newheight);
}else{
die("Errore: Assicurati che sul tuo server siano installate le GD library");
}
//ridimensionamento
if($_FILES['data']['type'] == "image/x-png" || $_FILES['data']['type'] == "image/png"){
imagealphablending($resized_img, false);
}
imagecopyresized($resized_img, $new_img, 0, 0, 0, 0, $newwidth, $newheight, $width, $height);
//salva l'immagine
$nome_file = strtolower($_FILES['data']['name']);
if($_FILES['data']['type'] == "image/pjpeg" || $_FILES['data']['type'] == "image/jpeg"){
imagejpeg ($resized_img,"$cartella_thumbs/$nome_file");
}
elseif($_FILES['data']['type'] == "image/x-png" || $_FILES['data']['type'] == "image/png"){
imagesavealpha($resized_img, true);
imagepng ($resized_img,"$cartella_thumbs/$nome_file");
}
elseif($_FILES['data']['type'] == "image/gif"){
imagegif($resized_img,"$cartella_thumbs/$nome_file");
}
ImageDestroy ($resized_img);
ImageDestroy ($new_img);
}
if(!is_uploaded_file($_FILES['data']['tmp_name']))
{die('Erroe nel caricamento');
}
move_uploaded_file($_FILES['data']['tmp_name'],$cartella_upload .$nome_file)
or die('Non posso caricare il file');
echo "file caricato con successo<br />";
echo "Antemprima: <img src=\"$cartella_thumbs/$nome_file\" />";
}
?>

Atlantide Web Island

Realizzare thumbnails con GD Graphics Library

Ultime notizie

I più letti

Notizie flash