Etsitk\u00f6 kuinka muuttaa kuvien kokoa PHP: ss\u00e4? Ty\u00f6skennelless\u00e4mme verkkosovelluksessa meid\u00e4n on luotava erilaiset pienoiskuvat alkuper\u00e4isest\u00e4 kuvasta. Pikkukuva on alkuper\u00e4isen kuvan koonmuutettu versio. T\u00e4ss\u00e4 artikkelissa tutkitaan, kuinka kuvia voidaan ladata ja muuttaa PHP: ss\u00e4.<\/p>\n
Sivustolla on useita skenaarioita, joissa meid\u00e4n on n\u00e4ytett\u00e4v\u00e4 lyhyt versio suuresta kuvasta. Suosittu esimerkki on Kuvagalleria. Galleriassa k\u00e4ytimme n\u00e4ytt\u00e4m\u00e4\u00e4n luettelon pienist\u00e4 kuvista. Kun k\u00e4ytt\u00e4j\u00e4 napsauttaa pient\u00e4 kuvaa, se avaa suuren kuvan ponnahdusikkunassa. Toinen esimerkki on aiheeseen liittyvien artikkeleiden n\u00e4ytt\u00e4minen, joissa n\u00e4ytet\u00e4\u00e4n pieni\u00e4 kuvia sek\u00e4 viestin otsikko ja kuvaus.<\/p>\n
N\u00e4iss\u00e4 tilanteissa meid\u00e4n on luotava pieni kuva (pikkukuva) alkuper\u00e4ist\u00e4 kuvaa k\u00e4ytt\u00e4m\u00e4ll\u00e4. Pieni pikkukuva pienent\u00e4\u00e4 sivujen kokoa. Koska k\u00e4yt\u00e4t pient\u00e4 pikkukuvaa, selain vaatii pienen kaistanleveyden kuvan lataamiseen. Se lis\u00e4\u00e4 joitain etuja verkkosivustolle. Jotkut niist\u00e4 ovat:<\/p>\n
T\u00e4st\u00e4 huolimatta katsotaanpa, kuinka kuvan kokoa muutetaan PHP: ss\u00e4.<\/p>\n
Intervention Image<\/a> on avoimen l\u00e4hdekoodin kirjasto, joka toimii kuvan koonmuutosty\u00f6kaluna. Konepellin alla Intervention Image k\u00e4ytt\u00e4\u00e4 GD-kirjastoa ja Imagickia kuvank\u00e4sittelyyn ja manipulointiin.<\/p>\n Aloittamiseksi sinun on asennettava Intervention Image -kirjasto sovellukseesi. Suosittelen Composerin<\/a> k\u00e4ytt\u00f6\u00e4 kirjaston asennukseen.<\/p>\n Avaa p\u00e4\u00e4te projektin juurihakemistossa ja suorita alla oleva komento.<\/p>\n Kun olet asentanut kirjaston, sinun on sis\u00e4llytett\u00e4v\u00e4 sen ymp\u00e4rist\u00f6 sovellukseesi. Lis\u00e4\u00e4 t\u00e4t\u00e4 varten kahden rivin alapuolelle PHP-tiedosto.<\/p>\n Kuvan lataamiseksi ja koon muuttamiseksi tarvitsemme lomakkeen, jossa voi selata kuvaa ja painaa L\u00e4het\u00e4-painiketta. K\u00e4yt\u00e4 alla olevaa HTML-koodia, joka sis\u00e4lt\u00e4\u00e4 tiedostosy\u00f6t\u00f6n ja l\u00e4hetyspainikkeen.<\/p>\n Olemme asentaneet kirjaston ja luoneet lomakkeen. Seuraavaksi meid\u00e4n on ladattava ja muutettava kuvan koko lennossa. Aion luoda kaksi hakemistoa K\u00e4yt\u00e4 alla olevaa koodia, joka tallentaa kuvan alkuper\u00e4isen ja pikkukuvan version hakemistoon Yll\u00e4 olevassa koodissa l\u00e4p\u00e4isin leveyden 300 ja muutoin kuvan kokoa s\u00e4ilytt\u00e4m\u00e4ll\u00e4 niiden kuvasuhde. Voit v\u00e4litt\u00e4\u00e4 leveysarvon vaatimuksesi mukaan. Kuvasuhteen s\u00e4ilytt\u00e4mist\u00e4 suositellaan kuvan kokoa muutettaessa. Kuvasuhdetta k\u00e4ytett\u00e4ess\u00e4 kuva ei veny. Jos etsit kovaa satoa, korvaa sitten alla olevat rivit<\/p>\n Kanssa<\/p>\n T\u00e4ss\u00e4 opetusohjelmassa tutkittiin, kuinka kuvien kokoa muutetaan s\u00e4ilytt\u00e4m\u00e4ll\u00e4 niiden kuvasuhde. Kirjoitimme my\u00f6s koodin, joka rajaa kuvan kovasti. Intervention Image -kirjasto tarjoaa muutama vaihtoehto lis\u00e4\u00e4 composer require intervention\/image<\/code><\/pre>\n<?php\n\/\/ include composer autoload\nrequire 'vendor\/autoload.php';\n\u00a0\u00a0\nuse InterventionImageImageManagerStatic as Image;<\/code><\/pre>\n<form method=\"post\" enctype=\"multipart\/form-data\">\n\u00a0\u00a0\u00a0\u00a0<p><input type=\"file\" name=\"image\" \/><\/p>\n\u00a0\u00a0\u00a0\u00a0<input type=\"submit\" name=\"submit\" value=\"Submit\">\n<\/form><\/code><\/pre>\nMuuta kuvan kokoa PHP: ss\u00e4 Intervention Image -sovelluksella<\/h3>\n
uploads<\/code>ja thumbnails<\/code>. Vuonna uploads<\/code>kansio, s\u00e4ilyt\u00e4mme alkuper\u00e4isen kuvan. Kuvan pikkukuva tallennetaan thumbnails<\/code>hakemistoon.<\/p>\nuploads<\/code>ja thumbnails<\/code>hakemistoon.<\/p>\n<?php\nrequire 'vendor\/autoload.php';\n\u00a0\u00a0\nuse InterventionImageImageManagerStatic as Image;\n\u00a0\n$allowed_mime_type = array('image\/jpg', 'image\/jpeg', 'image\/png', 'image\/gif');\n\u00a0\nif (isset($_POST['submit'])) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if (in_array($_FILES['image']['type'], $allowed_mime_type)) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (!file_exists('uploads')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0mkdir('uploads', 0755);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filename = time().'_'.$_FILES['image']['name'];\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filepath = 'uploads\/'. $filename;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0move_uploaded_file($_FILES['image']['tmp_name'], $filepath);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (!file_exists('uploads\/thumbnails')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0mkdir('uploads\/thumbnails', 0755);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$thumbnailpath = 'uploads\/thumbnails\/'. $filename;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$img = Image::make($filepath);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$img->resize(300, null, function ($constraint) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$constraint->aspectRatio();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$img->save($thumbnailpath);\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n$img->resize(300, null, function ($constraint) {\n\u00a0\u00a0\u00a0\u00a0$constraint->aspectRatio();\n});<\/code><\/pre>\n$img->resize(300, 150)->save($thumbnailpath);<\/code><\/pre>\nJohtop\u00e4\u00e4t\u00f6s<\/h3>\n
resize<\/code>menetelm\u00e4\u00e4. Voit lukea lis\u00e4\u00e4 heid\u00e4n dokumentoinnistaan<\/a>.<\/p>\nAiheeseen liittyv\u00e4t artikkelit<\/h4>\n