Laravel Tutorial Image Upload Example using Intervention with Video - Part 3

Video Tutorial Upload Image 


Full Resource Code 

Installing Image Intervention
composer require intervention/image

Class for intervention : config/app->'providers'
Intervention\Image\ImageServiceProvider::class

Class for intervention : config/app->'alises'
'Image' => Intervention\Image\Facades\Image::class

Add form Upload : resources/views/admin/create
{{ Form::label('image', 'Upload Image:') }}
{{ Form::file('image') }}

Add form Upload : resources/views/admin/edit
{{ Form::label('image', 'Update image :') }}
{{ Form::file('image') }}

Add column image in table Posts :

Model for Posts : app/post
<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Post extends Model
{
public $table = "posts";
protected $fillable = [
'title',
'body',
'image',
];
}

Change code : config/filesystems->'disks'
'local' => [
'driver' => 'local',
'root' => public_path('image/'),
],

Add class and function create for Image : app\Http\Controllers\PostsController->'store'
Class
use image

Function
if ($request->hasFile('image')) {
$image = $request->file('image');
$filename = time().'.'.$image->getClientOriginalExtension();
$location = public_path('image/'.$filename);
Image::make($image)->resize(300, 100)->save($location);
$post->image = $filename;
}

Add class and function update for Image : app\Http\Controllers\PostsController->'update'

Class
use Storage;

Function
if ($request->hasFile('image')) {
$image = $request->file('image');
$filename = time().'.'.$image->getClientOriginalExtension();
$location = public_path('image/'.$filename);
Image::make($image)->resize(300, 100)->save($location);

$oldfilename = $post->image;

$post->image = $filename;

Storage::delete($oldfilename);
}

Add new table cell in index : resources/views/admin/index
//table head
<th width="100px">Image</th>

//table body
<td>
<img class="img-rounded corners" width="60px" src="{{asset('image/'.$post->image)}}" alt="">
</td>

Add image to Blog Index : resources\views\blog\index
<div class="col-sm-3">
<h2><img class="img-rounded corners" width="170px" height="150px" src="{{asset('image/'.$post->image)}}" alt=""></h2>
</div>

Add image to Blog single: resources\views\blog\single
<h2><img class="img-rounded corners" width="100%" src="{{asset('image/'.$post->image)}}" alt=""></h2>

Admin Semoga Informasi Yang Diberikan Melalui Web Ini Dapat Bermanfaat Bagi Saudara/i

No comments for "Laravel Tutorial Image Upload Example using Intervention with Video - Part 3"