{"id":25345,"date":"2021-05-27T12:39:00","date_gmt":"2021-05-27T09:39:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25345"},"modified":"2021-10-17T18:44:57","modified_gmt":"2021-10-17T15:44:57","slug":"laraveli-mitme-pildi-uleslaadimine-ja-suuruse-muutmine","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/et\/laraveli-mitme-pildi-uleslaadimine-ja-suuruse-muutmine\/","title":{"rendered":"Laraveli mitme pildi \u00fcleslaadimine ja suuruse muutmine"},"content":{"rendered":"

Peale selle ajaveebi juhin ma YouTube’i kanalit,<\/a> kus jagan video\u00f5petusi. Hiljuti k\u00fcsis \u00fcks YouTube’i kanali tellijatest Laravelis mitme pildi suuruse muutmise kohta. Nad tahavad mitme pildi suurust muuta \u00fche korraga. Selles artiklis uurime, kuidas Laravelis mitu pilti \u00fcles laadida ja suurust muuta.<\/p>\n

Sekkumispilt<\/a> on avatud l\u00e4htekoodiga teek, mis v\u00f5imaldab meil piltidega manipuleerida. Kasutan seda teeki piltide suuruse muutmiseks.<\/p>\n

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

Alustamine<\/h3>\n

Meie eesm\u00e4rgi saavutamiseks peate installima ja konfigureerima Intervention Image teegi Laraveli projekti. Avage terminal oma projekti juurkataloogis ja k\u00e4ivitage k\u00e4sk:<\/p>\n

composer require intervention\/image<\/code><\/pre>\n
Kui teek on installitud, avage config\/app.php<\/code>fail ja lisage sellele fassaadiga teenusepakkujad. Lisage selle paketi teenusepakkujad $providers<\/code>massiivi.<\/p>\n
InterventionImageImageServiceProvider::class,<\/code><\/pre>\n
Lisage $aliases<\/code>massiivile fassaad .<\/p>\n
'Image' => InterventionImageFacadesImage::class,<\/code><\/pre>\n
J\u00e4rgmiseks vajame kataloogi, kuhu salvestame oma \u00fcleslaaditud failid. Laraveli failis\u00fcsteem<\/a> pakub failide salvestamiseks avaliku ketta. Avalik ketas sisaldab faile, millele on \u00fcldsusele juurdep\u00e4\u00e4s. \u00dcleslaaditud failid leiate storage\/app\/public<\/code>kaustast. Et neid faile veebis, siis on vaja luua s\u00fcmboolne link public\/storage<\/code>, et storage\/app\/public<\/code>.<\/p>\n
Looge s\u00fcmboolne link k\u00e4suga:<\/p>\n
php artisan storage:link<\/code><\/pre>\n
Selle k\u00e4su abil luuakse avalikku kataloogi salvestuskaust. Siia salvestame oma failid.<\/p>\n
Laraveli piltide \u00fcleslaadimine ja suuruse muutmine<\/h3>\n
Serverisse failide \u00fcleslaadimiseks vajate vormi. Loome vormi, kus saate serverisse \u00fcles laadida mitu faili. Allpool on vormi n\u00e4idiskood, mis l\u00e4heb teie vaatefaili.<\/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
Vormis olen v\u00f5tnud faili sisendnime nimega ‘profile_image []’, mis saadab serverisse hulga faile. Lisasin ka atribuudi \u201emitu”, mis v\u00f5imaldab meil valida mitu faili. Asendage kohat\u00e4ide ROUTE_URL tegeliku v\u00e4\u00e4rtusega.<\/p>\n
Kuna peame pilte \u00fcles laadima ja nende suurust muutma, lisage kontrolleris kaks fassaadi j\u00e4rgmiselt.<\/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
Fassaadi lisamisega saate helistada sekkumispildi teegi suuruse muutmise funktsioonidele. Allolevas koodis laadin failid \u00fcles kahte kohta. \u00dcks on originaalpilt. Teine asub pisipiltide kataloogi all. Esmalt laadime algse pildi pisipiltide kausta \u00fcles ja seej\u00e4rel suurust muudame.<\/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
Siin muudame pildi suurust proportsionaalselt. Nii toimides s\u00e4ilitame kuvasuhte ja pilti ei l\u00f5igata. Ma l\u00e4bin laiust 400 ja k\u00f5rgust 150. Neid v\u00e4\u00e4rtusi saate oma n\u00f5uete j\u00e4rgi muuta.<\/p>\n
J\u00e4tkake ja proovige seda. Saad \u00fcleslaaditud piltide suuruse muutmise versiooni kataloogi ‘storage \/ profile_images \/ thumbnail’.<\/p>\n
Kui otsite k\u00f5va saaki, 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
Loodan, et saate aru, kuidas Laravelis mitu pilti \u00fcles laadida ja suurust muuta. Palun jagage oma m\u00f5tteid ja ettepanekuid allpool olevas kommentaaride jaotises.<\/p>\n
seotud artiklid<\/h4>\n