{"id":25003,"date":"2021-05-22T11:12:00","date_gmt":"2021-05-22T08:12:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25003"},"modified":"2021-10-17T18:57:21","modified_gmt":"2021-10-17T15:57:21","slug":"laraveli-pildi-suuruse-muutmine-kasutades-sekkumise-pildikogu","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/et\/laraveli-pildi-suuruse-muutmine-kasutades-sekkumise-pildikogu\/","title":{"rendered":"Laraveli pildi suuruse muutmine, kasutades sekkumise pildikogu"},"content":{"rendered":"

Hiljuti k\u00fcsis \u00fcks meie lugejatest, kuidas Laraveli pilti muuta. Kujutise suuruse muutmine on arendajatele tavaline \u00fclesanne. Arendajad peaksid seda \u00f5igesti tegema. Hea tava on piltide suuruse muutmine vastavalt mahuti suurusele. See aitab teil parandada lehe kiirust. Selles artiklis uurime, kuidas muuta pildi suurust Laravelis, kasutades teeki Intervention Image.<\/p>\n

Sekkumisega<\/a> pilditeek pakub lihtsat viisi piltide suuruse muutmiseks. Selles raamatukogus kasutatakse kapoti all piltidega manipuleerimiseks GD Library ja Imagick.<\/p>\n

Miks peaks piltide suurust muutma?<\/h3>\n

V\u00f5tke n\u00e4ide galeriist. Galeriis t\u00f6\u00f6tades kuvame loendis tavaliselt v\u00e4ikese pisipildi. Kui keegi kl\u00f5psab pisipildil, siis kuvame originaalpilti. Siin on pisipildid algse pildi suuruse muutmise versioon.<\/p>\n

Oletame, et teie algne pildisuurus on 500 500 ja pisipiltide mahuti suurus 200 200. Sellisel juhul peaksite originaalpildi suuruse muutma pisipildi konteineri suuruse j\u00e4rgi. Suure pildi kasutamine v\u00e4ikeses konteineris on halb tava. See m\u00f5jutab veebisaidi toimivust.<\/p>\n

See on \u00fcks n\u00e4ide, miks peaksime piltide suurust muutma. Neid on ka palju teisi. Seda \u00f6eldes vaatame, kuidas Laraveli pildi suurust Intervention Image teegi abil muuta.<\/p>\n

Paigaldamine<\/h3>\n

Alustamiseks peate oma Laraveli projekti installima teose Intervention Image. Teie s\u00fcsteem peaks olema installitud Composeri<\/a>. Avage terminal oma projekti juurkataloogis ja k\u00e4ivitage j\u00e4rgmine k\u00e4sk:<\/p>\n

composer require intervention\/image<\/code><\/pre>\n
P\u00e4rast teegi installimist avage config\/app.php<\/code>fail ja lisage sinna j\u00e4rgmised read.<\/p>\n
Lisage selle paketi teenusepakkuja $providers<\/code>massiivi.<\/p>\n
InterventionImageImageServiceProvider::class<\/code><\/pre>\n
J\u00e4rgmisena lisage $aliases<\/code>massiivile fassaad .<\/p>\n
'Image' => InterventionImageFacadesImage::class<\/code><\/pre>\n
Laraveli pildi suuruse muutmine<\/h3>\n
Pildi suuruse muutmiseks peame k\u00f5igepealt kirjutama pildi \u00fcleslaadimiseks koodi. Nii et k\u00f5igepealt looge kataloog, kuhu me pilte salvestame. Minge terminali ja k\u00e4ivitage k\u00e4sk:<\/p>\n
php artisan storage:link<\/code><\/pre>\n
See k\u00e4sk loob kausta ‘public’ kataloogi ‘storage’. Kausta \u201estorage" salvestame piltide t\u00e4is- ja pisipildiversiooni.<\/p>\n
J\u00e4rgmisena looge oma vaadefailis vorm. Lisan terafaili ka edus\u00f5numi koodi.<\/p>\n
@if (session('success'))\n\u00a0\u00a0\u00a0\u00a0<div class=\"alert alert-success\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0{{ session('success') }}\n\u00a0\u00a0\u00a0\u00a0<\/div>\n@endif\n<form action=\"{{ url('PASS_ACTION_URL') }}\" 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\">\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
Asendage kohat\u00e4ide \u201ePASS_ACTION_URL” oma marsruudiga.<\/p>\n
Kontrolleris on vaja lisada teeki fassaad ‘Pilt’, mille oleme config\/app.php<\/code>faili lisanud .<\/p>\n
<?php\n\u00a0\nnamespace AppHttpControllers;\n\u00a0\nuse IlluminateHttpRequest;\nuse Image;\n\u00a0\nclass ImageController extends Controller\n{\n\u00a0\n}<\/code><\/pre>\n
Fassaadi lisamisega saame helistada Intervention Image teegi funktsioonidele. Allolevas koodis laadin pildi \u00fcles kahte kohta. \u00dcks on algne pilt kausta ‘profile_images’ all. Teine asub kataloogis ‘profile_images \/ thumbnail’. Laadin algse pildi k\u00f5igepealt \u00fcles pisipiltide kausta ja seej\u00e4rel suurust.<\/p>\n
public function store(Request $request)\n{\n\u00a0\u00a0\u00a0\u00a0if($request->hasFile('profile_image')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/get filename with extension\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filenamewithextension = $request->file('profile_image')->getClientOriginalName();\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/get filename without extension\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filename = pathinfo($filenamewithextension, PATHINFO_FILENAME);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/get file extension\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$extension = $request->file('profile_image')->getClientOriginalExtension();\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/filename to store\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filenametostore = $filename.'_'.time().'.'.$extension;\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/Upload File\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$request->file('profile_image')->storeAs('public\/profile_images', $filenametostore);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$request->file('profile_image')->storeAs('public\/profile_images\/thumbnail', $filenametostore);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/Resize image here\n\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$img = Image::make($thumbnailpath)->resize(400, 150, 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\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return redirect('image')->with('success', \"Image uploaded successfully.\"); \/\/change the route as per your flow\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n
Siin ma muudan pildi suurust proportsionaalselt. Nii toimides s\u00e4ilitate kuvasuhte ja pilti ei l\u00f5igata. Olen l\u00e4binud laiuse 400 ja k\u00f5rguse 150. Neid v\u00e4\u00e4rtusi saate oma n\u00f5uete j\u00e4rgi muuta.<\/p>\n
Kui otsite tugevat k\u00e4rpimist, asendage read allpool<\/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
Koos<\/p>\n
$img = Image::make($thumbnailpath)->resize(100, 100)->save($thumbnailpath);<\/code><\/pre>\n
P\u00e4rast seda saate pisipildi m\u00f5\u00f5tmetega 100 * 100.<\/p>\n
Loodan, et saate teada pildi suuruse muutmise kohta Laravelis, kasutades teeki Intervention Image. Palun jagage oma m\u00f5tteid ja ettepanekuid allpool olevas kommentaaride jaotises.<\/p>\n
seotud artiklid<\/h4>\n