Tutorial Upload Gambar dengan Laravel 8

This post is also available in: English

Saya akan menjelaskan kepada Anda contoh upload gambar menggunakan laravel 8. Saya akan menunjukkan kepada Anda tentang pengunggahan gambar di laravel 8. contoh ini akan membantu Anda mengunggah gambar ke database laravel 8. Artikel ini membahas secara rinci tentang cara mengunggah dan menampilkan gambar di laravel 8. Di sini, Membuat contoh dasar pengunggahan gambar laravel 8 dengan pratinjau.

Dalam contoh ini, kita akan membuat dua rute satu untuk metode get dan satu lagi untuk metode post. kami membuat formulir sederhana dengan input file. Jadi Anda harus memilih gambar sederhana dan kemudian akan diunggah di direktori “gambar” dari folder publik. Jadi, Anda harus mengikuti langkah di bawah ini dan mendapatkan unggahan gambar di aplikasi laravel 8.

Saya di sini akan memberikan contoh dari project saya yang di buat. Saya akan membuat upload gambar hanya dengan yang mempunyai format PNG.

routes/web.php

Route::post('signatureStoreImage', [SignatureController::class,'storeImage'])->name('signature.store.image');

Pada langkah kali ini kita harus membuat SignatureController baru dan di sini kita harus menulis dua metode storeImage. Jadi satu metode akan menangani metode post. Jadi mari kita tambahkan kode.

app/Http/Controllers/SignatureController.php

 public function storeImage(Request $request)
    {
        $request->validate([
            'image' => 'required|image|mimes:png|max:2048',
        ]);

        $imageName = time().'.'.$request->image->extension();

        $request->image->move(public_path('signature'), $imageName);

        $TestMethod = User::find($request->post('user_id'));
        $TestMethod->signature = $imageName;
        $TestMethod->save();
        return back()
            ->with('success','You have successfully upload image.')
            ->with('image',$imageName);
    }

Pada sintak tersebut setelah melakukan upload maka sistem akan merubah data pada tabel User.

Untuk upload image di Laravel mempunyai beberapa cara yang bisa kita gunakan sesuai kondisi yang kita dapatkan.

Store Image in Storage Folder

$request->image->storeAs('images', $imageName);
// storage/app/images/file.png

Store Image in Public Folder

$request->image->move(public_path('images'), $imageName);
// public/images/file.png

Store Image in S3

$request->image->storeAs('images', $imageName, 's3');

Dan langka selanjutnya kita akan membuat view untuk form yang akan kita gunakan untuk upload gambar.

resources/views/imageUpload.blade.php

Untuk form upload saya gunakan modal bootstrep, teman semua bisa pelajari di sini

https://getbootstrap.com/docs/5.0/components/modal/

Sekarang teman semua bisa jalankan programnya. Semoga tutorialnya membantu teman semua….

Terimakasih….