Dylan  Iqbal

Dylan Iqbal

1565843951

How to resize image in Laravel 5.8 App

Originally published by Hardik Savani at https://itsolutionstuff.com

We will use intervention/image package for resize or resize image in Laravel. Intervention provide a resize function that will take a three parameters. Three parameters are width, height and callback function. Callback function is a optional.

So here I write step by step tutorial of resize image in Laravel. So just follow bellow step to create image example for your project.

Step 1: Install Laravel 5.8

In this step, if you haven't Laravel 5.8 application setup then we have to get fresh Laravel 5.8 application. So run bellow command and get clean fresh Laravel 5.8 application.

composer create-project --prefer-dist laravel/laravel blog

Step 2: Install Intervention Image

In second step we will install intervention/image for resize image. this package through we can generate thumbnail image for our project. so first fire bellow command in your cmd or terminal:

composer require intervention/image

Now we need to add provider path and alias path in config/app.php file so open that file and add bellow code.

config/app.php

return [
    ......
    $provides => [
        ......
        ......,
        'Intervention\Image\ImageServiceProvider'
    ],
    $aliases => [
        .....
        .....,
        'Image' => 'Intervention\Image\Facades\Image'
    ]
]

Step 3: Create Routes

In this step we will add routes and controller file so first add bellow route in your routes.php file.

routes/web.php

Route::get('resizeImage', 'ImageController@resizeImage');
Route::post('resizeImagePost', 'ImageController@resizeImagePost')->name('resizeImagePost');

Step 4: Create Controller File

Now require to create new ImageController for image uploading and resizeing image so first run bellow command :

php artisan make:controller ImageController

After this command you can find ImageController.php file in your app/Http/Controllers directory. open ImageController.php file and put bellow code in that file.

app/Http/Controllers/ImageController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Http\Requests;
use Image;
class ImageController extends Controller
{

/**
 * Show the form for creating a new resource.
 *
 * @return \Illuminate\Http\Response
 */
public function resizeImage()
{
    return view('resizeImage');
}

/**
 * Show the form for creating a new resource.
 *
 * @return \Illuminate\Http\Response
 */
public function resizeImagePost(Request $request)
{
    $this-&gt;validate($request, [
        'title' =&gt; 'required',
        'image' =&gt; 'required|image|mimes:jpeg,png,jpg,gif,svg|max:2048',
    ]);

    $image = $request-&gt;file('image');
    $input['imagename'] = time().'.'.$image-&gt;getClientOriginalExtension();
 
    $destinationPath = public_path('/thumbnail');
    $img = Image::make($image-&gt;getRealPath());
    $img-&gt;resize(100, 100, function ($constraint) {
        $constraint-&gt;aspectRatio();
    })-&gt;save($destinationPath.'/'.$input['imagename']);

    $destinationPath = public_path('/images');
    $image-&gt;move($destinationPath, $input['imagename']);

    $this-&gt;postImage-&gt;add($input);

    return back()
        -&gt;with('success','Image Upload successful')
        -&gt;with('imageName',$input['imagename']);
}

}

Step 5: Blade and Create Upload directory

Ok, in this last step we will create resizeImage.blade.php file for photo upload form and manage error message and also success message. So first create resizeImage.blade.php file and put bellow code:

resources/views/resizeImage.blade.php

@extends(‘layouts.app’)

@section(‘content’)
<div class=“container”>
<h1>Resize Image Uploading Demo</h1>
@if (count($errors) > 0)
<div class=“alert alert-danger”>
<strong>Whoops!</strong> There were some problems with your input.<br><br>
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif

@if ($message = Session::get(‘success’))
<div class=“alert alert-success alert-block”>
<button type=“button” class=“close” data-dismiss=“alert”>×</button>
<strong>{{ $message }}</strong>
</div>
<div class=“row”>
<div class=“col-md-4”>
<strong>Original Image:</strong>
<br/>
<img src=“/images/{{ Session::get(‘imageName’) }}” />
</div>
<div class=“col-md-4”>
<strong>Thumbnail Image:</strong>
<br/>
<img src=“/thumbnail/{{ Session::get(‘imageName’) }}” />
</div>
</div>
@endif

{!! Form::open(array(‘route’ => ‘resizeImagePost’,‘enctype’ => ‘multipart/form-data’)) !!}
<div class=“row”>
<div class=“col-md-4”>
<br/>
{!! Form::text(‘title’, null,array(‘class’ => ‘form-control’,‘placeholder’=>‘Add Title’)) !!}
</div>
<div class=“col-md-12”>
<br/>
{!! Form::file(‘image’, array(‘class’ => ‘image’)) !!}
</div>
<div class=“col-md-12”>
<br/>
<button type=“submit” class=“btn btn-success”>Upload Image</button>
</div>
</div>
{!! Form::close() !!}
</div>
@endsection

Ok, at last create two directory in your public folder (1)images and (2)thumbnail and please give permission to that folder and check…

I hope it can help you…

Thanks for reading

If you liked this post, share it with all of your programming buddies!

Follow me on Facebook | Twitter

Learn More about

PHP with Laravel for beginners - Become a Master in Laravel

Projects in Laravel: Learn Laravel Building 10 Projects

Laravel for RESTful: Build Your RESTful API with Laravel

Fullstack Web Development With Laravel and Vue.js

Laravel 5.8 Ajax CRUD tutorial using Datatable JS

Laravel 5.8 Tutorial from Scratch for Beginners

Build RESTful API In Laravel 5.8 Example

Login with Google in Laravel 5.8 App using Socialite Package

Laravel PHP Framework Tutorial - Full Course for Beginners (2019)

#laravel #image #web-development #php

What is GEEK

Buddha Community

How to resize image in Laravel 5.8 App

Laravel 8 Image Upload Example

In this post I will explain laravel 8 image upload example, image or file upload is most common task in web developing so here, i will show you how to upload image in laravel 8.

Here we will see laravel 8 upload image to public folder, So here we will create two routes, one for get method and second for post method. and also we are creating basic form with file input. So you have to simple select image and then it will upload in “images” directory of public folder.

Laravel 8 Image Upload Example

https://websolutionstuff.com/post/laravel-8-image-upload-example

#laravel 8 image upload example #laravel8 #image upload #how to upload image in laravel 8 #image upload in laravel 8 #laravel 8 image upload with preview

I am Developer

1597469369

Crop and Resize Image Before Upload In Laravel Using with jQuery Copper JS

Crop and resize image size before upload in laravel using jquery copper js. In this post, i will show you how to crop and resize image size in laravel using jQuery copper js in laravel.

This laravel crop image before upload using cropper js looks like:

laravel crop image before upload

Laravel Crop Image Before Uploading using Cropper js Tutorial

Laravel crop image before upload tutorial, follow the following steps and learn how to use cropper js to crop image before uploading in laravel app:

  • Step 1: Install New Laravel App
  • Step 2: Add Database Details
  • Step 3: Create Migration & Model
  • Step 4: Add Route
  • Step 5: Create Controller By Artisan
  • Step 6: Create Blade View
  • Step 7: Make Upload Directory
  • Step 8: Start Development Server

Read More => https://www.tutsmake.com/laravel-crop-image-before-upload-using-jquery-copper-js/

Live Demo Laravel Crop image Before Upload.

#laravel crop image before upload, #laravel crop and resize image using cropper.js #ajax image upload and crop with jquery and laravel #crop and upload image ajax jquery laravel #crop image while uploading with jquery laravel #image crop and upload using jquery with laravel ajax

I am Developer

1597565398

Laravel 7/6 Image Validation

In this image validation in laravel 7/6, i will share with you how validate image and image file mime type like like jpeg, png, bmp, gif, svg, or webp before uploading image into database and server folder in laravel app.

https://www.tutsmake.com/image-validation-in-laravel/

#laravel image validation #image validation in laravel 7 #laravel image size validation #laravel image upload #laravel image validation max #laravel 6 image validation

I am Developer

1617089618

Laravel 8 Tutorial for Beginners

Hello everyone! I just updated this tutorial for Laravel 8. In this tutorial, we’ll go through the basics of the Laravel framework by building a simple blogging system. Note that this tutorial is only for beginners who are interested in web development but don’t know where to start. Check it out if you are interested: Laravel Tutorial For Beginners

Laravel is a very powerful framework that follows the MVC structure. It is designed for web developers who need a simple, elegant yet powerful toolkit to build a fully-featured website.

Recommended:-Laravel Try Catch

#laravel 8 tutorial #laravel 8 tutorial crud #laravel 8 tutorial point #laravel 8 auth tutorial #laravel 8 project example #laravel 8 tutorial for beginners

I am Developer

1599536794

Laravel 8 New Features | Release Notes - Tuts Make

In this post, i will show you what’s new in laravel 8 version.

#What’s new in Laravel 8?

  • 1 - Change Path Of Default Models Directory
  • 2 - Removed Controllers Namespace Prefix
  • 3 - Enhancements on php artisan serve
  • 4 - Enhanced Rate Limiting
  • 5 - Enhanced on Route Caching
  • 6 - Update on Pagination Design
  • 8 - Dynamic Blade Componenets
  • 7 - Update Syntax for Closure Based Event Listeners
  • 8 - Queueable Model Event Listeners
  • 9 - Maintenance mode: secret access
  • 10 - Maintenance mode: pre-rendered page
  • 11 - Queued job batching
  • 12 - Queue backoff()
  • 13 - Laravel Factory

https://www.tutsmake.com/laravel-8-new-features-release-notes/

#laravel 8 features #laravel 8 release date #laravel 8 tutorial #news - laravel 8 new features #what's new in laravel 8 #laravel 8 release notes