{"id":27908,"date":"2021-05-27T12:03:00","date_gmt":"2021-05-27T09:03:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=27908"},"modified":"2021-10-18T04:09:00","modified_gmt":"2021-10-18T01:09:00","slug":"carregue-e-redimensione-varias-imagens-no-laravel","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/carregue-e-redimensione-varias-imagens-no-laravel\/","title":{"rendered":"Carregue e redimensione v\u00e1rias imagens no Laravel"},"content":{"rendered":"

Al\u00e9m deste blog, estou executando um canal no YouTube<\/a> onde compartilho os tutoriais em v\u00eddeo. Recentemente, um dos assinantes do canal do YouTube perguntou sobre o redimensionamento de v\u00e1rias imagens no Laravel. Eles querem redimensionar v\u00e1rias imagens de uma vez. Neste artigo, estudamos como fazer upload e redimensionar v\u00e1rias imagens no Laravel.<\/p>\n

Intervention Image<\/a> \u00e9 uma biblioteca de c\u00f3digo aberto que nos permite manipular imagens. Vou usar esta biblioteca para redimensionar imagens.<\/p>\n

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

Come\u00e7ando<\/h3>\n

Para atingir nosso objetivo, voc\u00ea precisa instalar e configurar a biblioteca de Imagens de Interven\u00e7\u00e3o no projeto Laravel. Abra o terminal no diret\u00f3rio raiz do seu projeto e execute o comando:<\/p>\n

composer require intervention\/image<\/code><\/pre>\n
Assim que a biblioteca estiver instalada, abra o config\/app.php<\/code>arquivo e adicione provedores de servi\u00e7o, fachada nele. Adicione os provedores de servi\u00e7o deste pacote ao $providers<\/code>array.<\/p>\n
InterventionImageImageServiceProvider::class,<\/code><\/pre>\n
Adicione a fachada ao $aliases<\/code>array.<\/p>\n
'Image' => InterventionImageFacadesImage::class,<\/code><\/pre>\n
Em seguida, precisamos de um diret\u00f3rio onde armazenamos nossos arquivos carregados. O Laravel Filesystem<\/a> fornece um disco p\u00fablico para armazenar os arquivos. O disco p\u00fablico cont\u00e9m arquivos que podem ser acessados \u200b\u200bpublicamente. Voc\u00ea encontrar\u00e1 os arquivos carregados na storage\/app\/public<\/code>pasta. Para acessar esses arquivos na web, voc\u00ea precisa criar um link simb\u00f3lico de public\/storage<\/code>para storage\/app\/public<\/code>.<\/p>\n
Crie um link simb\u00f3lico usando o comando:<\/p>\n
php artisan storage:link<\/code><\/pre>\n
Este comando criaria uma pasta de armazenamento no diret\u00f3rio p\u00fablico. \u00c9 aqui que armazenamos nossos arquivos.<\/p>\n
Carregar e redimensionar imagens no Laravel<\/h3>\n
Para fazer upload de arquivos em um servidor, voc\u00ea precisa de um formul\u00e1rio. Vamos criar um formul\u00e1rio onde voc\u00ea pode selecionar v\u00e1rios arquivos para carregar em um servidor. Abaixo est\u00e1 um exemplo de c\u00f3digo do formul\u00e1rio que ir\u00e1 dentro do seu arquivo de visualiza\u00e7\u00e3o.<\/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
No formul\u00e1rio, peguei um nome de entrada de arquivo como ‘profile_image []’ que envia uma matriz de arquivos para o servidor. Al\u00e9m disso, adicionei um atributo ‘m\u00faltiplo’ que nos permite selecionar v\u00e1rios arquivos. Substitua o marcador ROUTE_URL pelo seu valor real.<\/p>\n
Como precisamos fazer o upload e redimensionar as imagens, no controlador adicione duas fachadas da seguinte forma.<\/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
Ao adicionar a fachada, voc\u00ea pode chamar as fun\u00e7\u00f5es de redimensionamento da biblioteca de imagens de interven\u00e7\u00e3o. No c\u00f3digo abaixo, irei carregar os arquivos em dois lugares. Um \u00e9 a imagem original. O segundo est\u00e1 no diret\u00f3rio de miniaturas. Primeiro carregamos a imagem original na pasta de miniaturas e depois a redimensionamos.<\/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
Aqui estamos redimensionando a imagem proporcionalmente. Fazendo isso, mantemos a propor\u00e7\u00e3o da imagem e a imagem n\u00e3o \u00e9 cortada. Estou passando a largura como 400 e a altura como 150. Voc\u00ea pode alterar esses valores de acordo com sua necessidade.<\/p>\n
V\u00e1 em frente e teste. Voc\u00ea obter\u00e1 a vers\u00e3o de redimensionamento das imagens carregadas no diret\u00f3rio ‘storage \/ profile_images \/ thumbnail’.<\/p>\n
Se voc\u00ea est\u00e1 procurando um corte dif\u00edcil, substitua as linhas abaixo<\/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
Com<\/p>\n
$img = Image::make($thumbnailpath)->resize(100, 100)->save($thumbnailpath);<\/code><\/pre>\n
Espero que voc\u00ea entenda como fazer o upload e redimensionar v\u00e1rias imagens no Laravel. Por favor, compartilhe seus pensamentos e sugest\u00f5es na se\u00e7\u00e3o de coment\u00e1rios abaixo.<\/p>\n
Artigos relacionados<\/h4>\n