{"id":24914,"date":"2021-05-27T12:09:00","date_gmt":"2021-05-27T09:09:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24914"},"modified":"2021-10-17T20:38:12","modified_gmt":"2021-10-17T17:38:12","slug":"lataa-ja-muuta-useita-kuvia-laravelissa","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/lataa-ja-muuta-useita-kuvia-laravelissa\/","title":{"rendered":"Lataa ja muuta useita kuvia Laravelissa"},"content":{"rendered":"

T\u00e4m\u00e4n blogin lis\u00e4ksi k\u00e4yt\u00e4n YouTube-kanavaa,<\/a> jossa jaan video-oppaita. \u00c4skett\u00e4in yksi YouTube-kanavan tilaajista kysyi useiden kuvien koon muuttamisesta Laravelissa. He haluavat muuttaa useita kuvia yhdell\u00e4 kertaa. T\u00e4ss\u00e4 artikkelissa tutkitaan kuinka ladata useita kuvia Laravelissa ja muuttaa niiden kokoa.<\/p>\n

Interventiokuva<\/a> on avoimen l\u00e4hdekoodin kirjasto, jonka avulla voimme k\u00e4sitell\u00e4 kuvia. Aion k\u00e4ytt\u00e4\u00e4 t\u00e4t\u00e4 kirjastoa kuvien koon muuttamiseen.<\/p>\n

\"Lataa<\/a><\/p>\n

P\u00e4\u00e4st\u00e4 alkuun<\/h3>\n

Tavoitteen saavuttamiseksi sinun on asennettava ja m\u00e4\u00e4ritett\u00e4v\u00e4 Intervention Image -kirjasto Laravel-projektiin. Avaa p\u00e4\u00e4te projektin juurihakemistossa ja suorita komento:<\/p>\n

composer require intervention\/image<\/code><\/pre>\n
Kun kirjasto on asennettu, avaa config\/app.php<\/code>tiedosto ja lis\u00e4\u00e4 palveluntarjoajat, julkisivu siihen. Lis\u00e4\u00e4 t\u00e4m\u00e4n paketin palveluntarjoajat $providers<\/code>ryhm\u00e4\u00e4n.<\/p>\n
InterventionImageImageServiceProvider::class,<\/code><\/pre>\n
Lis\u00e4\u00e4 julkisivu $aliases<\/code>taulukkoon.<\/p>\n
'Image' => InterventionImageFacadesImage::class,<\/code><\/pre>\n
Seuraavaksi tarvitsemme hakemiston, johon tallennamme l\u00e4hetetyt tiedostot. Laravel Filesystem<\/a> tarjoaa julkisen levyn tiedostojen tallentamiseen. Julkinen levy sis\u00e4lt\u00e4\u00e4 tiedostoja, jotka ovat julkisesti saatavilla. L\u00f6yd\u00e4t ladatut tiedostot storage\/app\/public<\/code>kansiosta. Voit k\u00e4ytt\u00e4\u00e4 n\u00e4it\u00e4 tiedostoja verkossa, sinun t\u00e4ytyy luoda symbolinen linkki public\/storage<\/code>on storage\/app\/public<\/code>.<\/p>\n
Luo symbolinen linkki komennolla:<\/p>\n
php artisan storage:link<\/code><\/pre>\n
T\u00e4m\u00e4 komento luo tallennuskansion julkiseen hakemistoon. T\u00e4\u00e4ll\u00e4 tallennamme tiedostomme.<\/p>\n
Lataa ja muuta kuvia Laravelissa<\/h3>\n
Tarvitset lomakkeen, jotta voit ladata tiedostoja palvelimelle. Luodaan lomake, josta voit valita useita tiedostoja l\u00e4hetett\u00e4v\u00e4ksi palvelimelle. Alla on esimerkkikoodi lomakkeesta, joka menee n\u00e4kym\u00e4tiedostoon.<\/p>\n
<form action=\"{{ url('ROUTE HERE') }}\" method=\"post\" enctype=\"multipart\/form-data\">\n\u00a0\u00a0\u00a0\u00a0<div class=\"form-group\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<label for=\"exampleInputFile\">File input<\/label>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input type=\"file\" name=\"profile_image[]\" id=\"exampleInputFile\" multiple \/>\n\u00a0\u00a0\u00a0\u00a0<\/div>\n\u00a0\u00a0\u00a0\u00a0{{ csrf_field() }}\n\u00a0\u00a0\u00a0\u00a0<button type=\"submit\" class=\"btn btn-default\">Submit<\/button>\n<\/form><\/code><\/pre>\n
Lomakkeessa olen ottanut tiedoston sy\u00f6tt\u00f6nimen nimell\u00e4 "profile_image []", joka l\u00e4hett\u00e4\u00e4 joukon tiedostoja palvelimelle. Lis\u00e4sin my\u00f6s attribuutin ’useita’, jonka avulla voimme valita useita tiedostoja. Korvaa paikkamerkki ROUTE_URL todellisella arvollasi.<\/p>\n
Koska meid\u00e4n on ladattava ja muutettava kuvien kokoa, lis\u00e4\u00e4 ohjaimeen kaksi julkisivua seuraavasti.<\/p>\n
<?php\n\u00a0\nnamespace AppHttpControllers;\n\u00a0\nuse IlluminateHttpRequest;\nuse Image; \/\/Intervention Image\nuse IlluminateSupportFacadesStorage; \/\/Laravel Filesystem\n\u00a0\nclass ImageController extends Controller\n{\n\u00a0\n}<\/code><\/pre>\n
Lis\u00e4\u00e4m\u00e4ll\u00e4 julkisivun voit soittaa Intervention Image -kirjaston koon muutostoiminnot. L\u00e4het\u00e4n alla olevaan koodiin tiedostot kahteen paikkaan. Yksi on alkuper\u00e4inen kuva. Toinen on pikkukuvien hakemiston alla. L\u00e4het\u00e4mme alkuper\u00e4isen kuvan ensin pikkukansioon ja muutamme sen kokoa.<\/p>\n
public function store(Request $request)\n{\n\u00a0\u00a0\u00a0\u00a0if ($request->hasFile('profile_image')) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0foreach($request->file('profile_image') as $file){\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/get filename with extension\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filenamewithextension = $file->getClientOriginalName();\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/get filename without extension\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filename = pathinfo($filenamewithextension, PATHINFO_FILENAME);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/get file extension\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$extension = $file->getClientOriginalExtension();\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/filename to store\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filenametostore = $filename.'_'.uniqid().'.'.$extension;\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Storage::put('public\/profile_images\/'. $filenametostore, fopen($file, 'r+'));\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Storage::put('public\/profile_images\/thumbnail\/'. $filenametostore, fopen($file, 'r+'));\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/Resize image here\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$thumbnailpath = public_path('storage\/profile_images\/thumbnail\/'.$filenametostore);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$img = Image::make($thumbnailpath)->resize(400, 150, function($constraint) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$constraint->aspectRatio();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$img->save($thumbnailpath);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return redirect('ROUTE_URL')->with('success', \"Image uploaded successfully.\");\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n
T\u00e4ss\u00e4 muutamme kuvan kokoa suhteellisesti. N\u00e4in pid\u00e4mme kuvasuhteen ennallaan, eik\u00e4 kuva leikkaa. Ohitan leveyden 400 ja korkeuden 150. Voit muuttaa n\u00e4it\u00e4 arvoja vaatimuksesi mukaan.<\/p>\n
Mene eteenp\u00e4in ja testaa se. Saat ladattujen kuvien koon version hakemistosta ’storage \/ profile_images \/ thumbnail’.<\/p>\n
Jos etsit kovaa satoa, vaihda alla olevat viivat<\/p>\n
$img = Image::make($thumbnailpath)->resize(400, 150, function($constraint) {\n\u00a0\u00a0\u00a0\u00a0$constraint->aspectRatio();\n});\n$img->save($thumbnailpath);<\/code><\/pre>\n
Kanssa<\/p>\n
$img = Image::make($thumbnailpath)->resize(100, 100)->save($thumbnailpath);<\/code><\/pre>\n
Toivon, ett\u00e4 ymm\u00e4rr\u00e4t kuinka ladata ja muuttaa useita kuvia Laravelissa. Jaa ajatuksesi ja ehdotuksesi alla olevassa kommenttiosassa.<\/p>\n
Aiheeseen liittyv\u00e4t artikkelit<\/h4>\n