Shape Shape

Laravel Tutorial #11 : Edit Data Image di Laravel

Shape
Shape
Shape Shape
28 Dec, 2023 84 Laravel

Laravel Tutorial #11 : Edit Data Image di Laravel

img-data

Berikut ini adalah tutorial untuk mengimplementasikan fungsi pengeditan data gambar (image) di Laravel. Tutorial ini akan mencakup pembuatan formulir pengeditan, pemrosesan data, dan penyimpanan gambar baru jika diperlukan. Pastikan Anda telah mengikuti langkah-langkah sebelumnya dalam seri tutorial Laravel


Langkah 1: Membuat Rute

Buka file web.php dalam direktori routes dan tambahkan rute untuk halaman pengeditan data gambar:

Route::get('/edit-blog/{id}', [App\Http\Controllers\BlogController::class, ‘edit’])->name('edit.image');
Route::post('/update-blog/{id}',[App\Http\Controllers\BlogController::class, ‘update’])->name('update.image');

Langkah 2: Membuat Controller

Buatlah Controller BlogController dengan menggunakan perintah artisan yang sudah saya jelaskan di tutorial sebelumnya.

Buka file BlogController dan tambahkan method edit dan update:

use Illuminate\Support\Facades\File;
//…//
public function edit($id)
    {
        $blog = Blog::find($id);
        return view('admin/blog/edit', compact('blog'));
    }
 
    /**
     * Update the specified resource in File.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function update(Request $request, $id)
    {
        $blog = Blog::find($id);
 
        if($request->hasFile('img')) {
 
            //hapus old img
            File::delete('blog/' . $blog->img);
 
            //upload new img
            $path = $request->file('img')->getclientOriginalName();
            $request->file('img')->move('blog/', $request->file('img')->getclientOriginalName());
            $blog->img = $path;
        }
 
        $blog->save();
        return redirect('/blogs')->with('pesan','Data Berhasil Di Update');
    }

 

 

Langkah 3: Membuat View

Buatlah view untuk formulir pengeditan (resources/views/admin/ blog /edit.blade.php):

@extends('layouts.app')
@section('content')
    <div class="container">
        <form action="{{ route('update.blog, $blog ->id) }}" method="post" enctype="multipart/form-data">
            @csrf
            @method('post')
            <div class="form-group">
                <label for="img">Gambar</label>
                <input type="file" name="img" class="form-control-file">
            </div>
            <!-- Tambahkan input untuk informasi lainnya jika perlu -->
            <button type="submit" class="btn btn-primary">Simpan Perubahan</button>
        </form>
    </div>
@endsection

 

Langkah 4: Menampilkan Link Edit

Buka file yang menampilkan daftar gambar (misalnya, resources/views/home.blade.php) dan tambahkan link untuk mengedit gambar:

<a href="{{ route('edit.blog, $image->id)}}">Edit</a>

Dengan mengikuti langkah-langkah ini, Anda dapat membuat fitur pengeditan data gambar di aplikasi Laravel Anda. Pastikan untuk menyesuaikan dengan kebutuhan dan tata letak aplikasi Anda.

Shape Shape

Tutorial Selengkapnya

Ready to start?

Download our mobile app. for easy to start your course.

Shape
  • Google Play
  • App Store