{"id":28556,"date":"2021-05-27T12:14:00","date_gmt":"2021-05-27T09:14:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28556"},"modified":"2021-10-18T03:41:41","modified_gmt":"2021-10-18T00:41:41","slug":"przeslij-i-zmien-rozmiar-wielu-obrazow-w-laravel","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pl\/przeslij-i-zmien-rozmiar-wielu-obrazow-w-laravel\/","title":{"rendered":"Prze\u015blij i zmie\u0144 rozmiar wielu obraz\u00f3w w Laravel"},"content":{"rendered":"

Opr\u00f3cz tego bloga prowadz\u0119 kana\u0142 na YouTube, na<\/a> kt\u00f3rym udost\u0119pniam samouczki wideo. Ostatnio jeden z subskrybent\u00f3w kana\u0142u YouTube zapyta\u0142 o zmian\u0119 rozmiaru wielu obraz\u00f3w w Laravelu. Chc\u0105 zmieni\u0107 rozmiar wielu obraz\u00f3w za jednym razem. W tym artykule dowiemy si\u0119, jak przesy\u0142a\u0107 i zmienia\u0107 rozmiar wielu obraz\u00f3w w Laravel.<\/p>\n

Intervention Image<\/a> to biblioteka open source, kt\u00f3ra pozwala nam manipulowa\u0107 obrazami. Zamierzam u\u017cy\u0107 tej biblioteki do zmiany rozmiaru obraz\u00f3w.<\/p>\n

\"Prze\u015blij<\/a><\/p>\n

Pierwsze kroki<\/h3>\n

Aby osi\u0105gn\u0105\u0107 nasz cel, musisz zainstalowa\u0107 i skonfigurowa\u0107 bibliotek\u0119 Intervention Image w projekcie Laravel. Otw\u00f3rz terminal w katalogu g\u0142\u00f3wnym projektu i uruchom polecenie:<\/p>\n

composer require intervention\/image<\/code><\/pre>\n
Po zainstalowaniu biblioteki otw\u00f3rz config\/app.php<\/code>plik i dodaj dostawc\u00f3w us\u0142ug, w nim fasad\u0119. Dodaj dostawc\u00f3w us\u0142ug dla tego pakietu do $providers<\/code>tablicy.<\/p>\n
InterventionImageImageServiceProvider::class,<\/code><\/pre>\n
Dodaj fasad\u0119 do $aliases<\/code>szyku.<\/p>\n
'Image' => InterventionImageFacadesImage::class,<\/code><\/pre>\n
Nast\u0119pnie potrzebujemy katalogu, w kt\u00f3rym przechowujemy przes\u0142ane pliki. Laravel Filesystem<\/a> udost\u0119pnia publiczny dysk do przechowywania plik\u00f3w. Dysk publiczny zawiera pliki, kt\u00f3re s\u0105 publicznie dost\u0119pne. Przes\u0142ane pliki znajdziesz w storage\/app\/public<\/code>folderze. Aby uzyska\u0107 dost\u0119p do tych plik\u00f3w w sieci, musisz utworzy\u0107 dowi\u0105zanie symboliczne od public\/storage<\/code>do storage\/app\/public<\/code>.<\/p>\n
Utw\u00f3rz dowi\u0105zanie symboliczne za pomoc\u0105 polecenia:<\/p>\n
php artisan storage:link<\/code><\/pre>\n
To polecenie utworzy folder przechowywania w katalogu publicznym. Tutaj przechowujemy nasze pliki.<\/p>\n
Prze\u015blij i zmie\u0144 rozmiar obraz\u00f3w w Laravel<\/h3>\n
Aby przes\u0142a\u0107 pliki na serwer, potrzebujesz formularza. Stw\u00f3rzmy formularz, w kt\u00f3rym mo\u017cesz wybra\u0107 wiele plik\u00f3w do przes\u0142ania na serwer. Poni\u017cej znajduje si\u0119 przyk\u0142adowy kod formularza, kt\u00f3ry zostanie umieszczony w pliku widoku.<\/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
W formularzu wzi\u0105\u0142em nazw\u0119 pliku wej\u015bciowego jako \u201eprofile_image[]", kt\u00f3ra wysy\u0142a tablic\u0119 plik\u00f3w do serwera. Doda\u0142em r\u00f3wnie\u017c atrybut \u201ewiele”, kt\u00f3ry pozwala nam wybra\u0107 wiele plik\u00f3w. Zast\u0105p symbol zast\u0119pczy ROUTE_URL rzeczywist\u0105 warto\u015bci\u0105.<\/p>\n
Poniewa\u017c musimy wgra\u0107 i zmieni\u0107 rozmiar obraz\u00f3w, w kontrolerze dodaj dwie fasady w nast\u0119puj\u0105cy spos\u00f3b.<\/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
Dodaj\u0105c fasad\u0119, mo\u017cesz wywo\u0142a\u0107 funkcje zmiany rozmiaru biblioteki obraz\u00f3w interwencyjnych. W poni\u017cszym kodzie wrzuc\u0119 pliki w dw\u00f3ch miejscach. Jednym z nich jest oryginalny obraz. Drugi znajduje si\u0119 pod katalogiem miniatur. Najpierw przesy\u0142amy oryginalny obraz do folderu miniatur, a nast\u0119pnie zmieniamy jego rozmiar.<\/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
Tutaj proporcjonalnie zmieniamy rozmiar obrazu. W ten spos\u00f3b zachowujemy proporcje, a obraz nie zostanie obci\u0119ty. Podaj\u0119 szeroko\u015b\u0107 jako 400 i wysoko\u015b\u0107 jako 150. Mo\u017cesz zmieni\u0107 te warto\u015bci zgodnie z wymaganiami.<\/p>\n
\u015amia\u0142o i przetestuj to. Otrzymasz wersj\u0119 zmiany rozmiaru przes\u0142anych obraz\u00f3w w katalogu \u201estorage\/profile_images\/thumbnail”.<\/p>\n
Je\u015bli szukasz twardej uprawy, zamie\u0144 poni\u017csze linie<\/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
Z<\/p>\n
$img = Image::make($thumbnailpath)->resize(100, 100)->save($thumbnailpath);<\/code><\/pre>\n
Mam nadziej\u0119, \u017ce rozumiesz, jak przesy\u0142a\u0107 i zmienia\u0107 rozmiar wielu obraz\u00f3w w Laravel. Podziel si\u0119 swoimi przemy\u015bleniami i sugestiami w sekcji komentarzy poni\u017cej.<\/p>\n
Powi\u0105zane artyku\u0142y<\/h4>\n