{"id":25197,"date":"2021-05-27T12:14:00","date_gmt":"2021-05-27T09:14:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25197"},"modified":"2021-10-18T03:10:04","modified_gmt":"2021-10-18T00:10:04","slug":"carica-e-ridimensiona-piu-immagini-in-laravel","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/carica-e-ridimensiona-piu-immagini-in-laravel\/","title":{"rendered":"Carica e ridimensiona pi\u00f9 immagini in Laravel"},"content":{"rendered":"

Oltre a questo blog, sto gestendo un canale YouTube in<\/a> cui condivido i video tutorial. Recentemente uno degli abbonati al canale YouTube ha chiesto di ridimensionare pi\u00f9 immagini in Laravel. Vogliono ridimensionare pi\u00f9 immagini in una volta sola. In questo articolo, studiamo come caricare e ridimensionare pi\u00f9 immagini in Laravel.<\/p>\n

Intervention Image<\/a> \u00e8 una libreria open source che ci permette di manipolare le immagini. User\u00f2 questa libreria per ridimensionare le immagini.<\/p>\n

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

Iniziare<\/h3>\n

Per raggiungere il nostro obiettivo \u00e8 necessario installare e configurare la libreria Intervention Image nel progetto Laravel. Apri il terminale nella directory principale del tuo progetto ed esegui il comando:<\/p>\n

composer require intervention\/image<\/code><\/pre>\n
Una volta installata la libreria, apri il config\/app.php<\/code>file e aggiungi i fornitori di servizi, facciata in esso. Aggiungere i fornitori di servizi per questo pacchetto $providers<\/code>all’array.<\/p>\n
InterventionImageImageServiceProvider::class,<\/code><\/pre>\n
Aggiungi la facciata $aliases<\/code>all’array.<\/p>\n
'Image' => InterventionImageFacadesImage::class,<\/code><\/pre>\n
Successivamente, abbiamo bisogno di una directory in cui archiviare i nostri file caricati. Laravel Filesystem<\/a> fornisce un disco pubblico per archiviare i file. Il disco pubblico contiene file accessibili pubblicamente. Troverai i file caricati nella storage\/app\/public<\/code>cartella. Per accedere a questi file sul Web, \u00e8 necessario creare un collegamento simbolico da public\/storage<\/code>a storage\/app\/public<\/code>.<\/p>\n
Crea un collegamento simbolico usando il comando:<\/p>\n
php artisan storage:link<\/code><\/pre>\n
Questo comando creerebbe una cartella di archiviazione nella directory pubblica. Qui \u00e8 dove memorizziamo i nostri file.<\/p>\n
Carica e ridimensiona le immagini in Laravel<\/h3>\n
Per caricare file su un server, \u00e8 necessario un modulo. Creiamo un modulo in cui \u00e8 possibile selezionare pi\u00f9 file da caricare su un server. Di seguito \u00e8 riportato un codice di esempio del modulo che verr\u00e0 inserito nel file di visualizzazione.<\/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
Nel modulo, ho preso un nome di input di file come "profile_image[]" che invia una serie di file al server. Inoltre, ho aggiunto un attributo "multiplo" che ci consente di selezionare pi\u00f9 file. Sostituisci il segnaposto ROUTE_URL con il tuo valore effettivo.<\/p>\n
Poich\u00e9 dobbiamo caricare e ridimensionare le immagini, nel controller aggiungi due facciate come segue.<\/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
Aggiungendo la facciata, \u00e8 possibile chiamare le funzioni di ridimensionamento della libreria di immagini di intervento. Nel codice seguente, caricher\u00f2 i file in due posti. Uno \u00e8 l’immagine originale. Il secondo si trova nella directory delle miniature. Per prima cosa carichiamo l’immagine originale nella cartella delle miniature e poi la ridimensioniamo.<\/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
Qui stiamo ridimensionando l’immagine in modo proporzionale. In questo modo, manteniamo le proporzioni e l’immagine non verr\u00e0 tagliata. Sto passando la larghezza come 400 e l’altezza come 150. Puoi modificare questi valori secondo le tue esigenze.<\/p>\n
Vai avanti e provalo. Otterrai la versione ridimensionata delle immagini caricate nella directory ‘storage\/profile_images\/thumbnail’.<\/p>\n
Se stai cercando un ritaglio duro, sostituisci le righe sottostanti<\/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
Con<\/p>\n
$img = Image::make($thumbnailpath)->resize(100, 100)->save($thumbnailpath);<\/code><\/pre>\n
Spero che tu capisca come caricare e ridimensionare pi\u00f9 immagini in Laravel. Si prega di condividere i tuoi pensieri e suggerimenti nella sezione commenti qui sotto.<\/p>\n
articoli Correlati<\/h4>\n