shape

√ Cara Upload File Gambar Pada Laravel


Cara Upload File Gambar Pada Laravel

Pada kesempatan kali ini saya akan menjelaskan tentang cara upload file gambar pada Laravel. Silahkan ikuti langkah-langkah yang sudah saya buat dibawah ini dengan baik agar bisa memahaminya dengan jelas.

Saya yakin kalian yang mencari tutorial ini pasti sudah meng-install Laravel, tetapi jika kalian yang belum meng-install Laravel silahkan kalian klik link di bawah ini untuk melihat cara meng-install Laravel.

Cara install Laravel dengan Composer

Langkah 1.

Buat dua buah rute baru pada file web.php. satunya untuk rute menampilkan formulir upload dan yang satu lagi untuk posting. Silahkan copy saja langsung rute dibawah ini.

use App\Http\Controllers\ImageUploadController;
  
  
Route::get('image-upload', [ ImageUploadController::class, 'imageUpload' ])->name('image.upload');
Route::post('image-upload', [ ImageUploadController::class, 'imageUploadPost' ])->name('image.upload.post');

Langkah 2.

Jika sudah mari kita membuat Controller dengan nama ImageUploadController. kemudian kita isi controller tersebut dengan dua metode imageUpload() dan imageUploadPosts(). salah satu dari metode tersebut akan menjalankan fungsi untuk meg-upload file gambar.

<?php
  
namespace App\Http\Controllers;
  
use Illuminate\Http\Request;
  
class ImageUploadController extends Controller
{
     /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function imageUpload()
    {
        return view('imageUpload');
    }
    
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function imageUploadPost(Request $request)
    {
        $request->validate([
            'image' => 'required|image|mimes:jpeg,png,jpg,gif,svg|max:2048',
        ]);
    
        $imageName = time().'.'.$request->image->extension();  
     
        $request->image->move(public_path('images'), $imageName);
  
        /* Store $imageName name in DATABASE from HERE */
    
        return back()
            ->with('success','You have successfully upload image.')
            ->with('image',$imageName); 
    }
}
Simpan gambar pada folder storage
$request-&gt;image-&gt;storeAs(&#039;images&#039;, $imageName);

  

// storage/app/images/file.png
Simpan gambar pada folder Public
$request->image->move(public_path('images'), $imageName);

  

// public/images/file.png

Langkah 3.

Baca Juga : Cara Hapus File Gambar pada Laravel

Pada langkah terakhir kita akan membuat file imageUpload.blade.php dimana file tampilan ini yang akan menampilkan form untuk meng-upload gambar.

<!DOCTYPE html>
<html>
<kepala>
    <title> contoh upload gambar laravel 8 - ItSolutionStuff.com.com </title>
    <link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" >  
</head>
    
<tubuh>
<div class = "wadah" > 
     
    <div class = "panel panel-primer" > 
      <div class = "panel-heading" ><h2> contoh upload gambar laravel 8 - omjuan.com </h2></div> 
      <div class = "panel-body" > 
     
        @if ($pesan = Sesi::get('sukses'))
        <div class = "alert alert-success alert-block" > 
            <button type = "button" class = "close" data-dismiss = "alert" > × </button>   
                <strong> {{ $pesan }} </strong>
        </div>
        <img src = "gambar/{{ Sesi::get('gambar') }}" > 
        @berakhir jika
    
        @if (hitung($kesalahan) > 0)
            <div class = "peringatan-peringatan-bahaya" > 
                <strong> Ups! </strong> Ada beberapa masalah dengan masukan Anda.
                <ul>
                    @foreach ($errors->all() sebagai $error)
                        <li> {{ $error }} </li>
                    @endforeach
                </ul>
            </div>
        @berakhir jika
    
        <form action = "{{ route('image.upload.post') }}" method = "POST" enctype = "multipart/form-data" >   
            @csrf
            <div kelas = "baris" > 
    
                <div class = "col-md-6" > 
                    <input type = "file" name = "image" class = "form-control" >   
                </div>
     
                <div class = "col-md-6" > 
                    <button type = "kirim" class = "btn btn-success" > Unggah </button>  
                </div>
     
            </div>
        </form>
    
      </div>
    </div>
</div>
</tubuh>
  
</html>

Sekarang silahkan jalankan aplikasi tersebut dan lihat hasilnya. Jika terdapat error silahkan ikuti dan lihat baik-baik lagi langkah-langkah yang ada di atas dan jika masih error silahkan bertanya pada kolom komentar dibawah ini. 

Sekian dari saya tutorial kita hari ini tentang Cara Upload File Gambar Pada Laravel semoga tutorial ini bermanfaat untuk kita semua.

Tagged with:
Coding tutorial
OMJUAN.COM

OMJUAN.COM

Klik di sini untuk melihat semua postingan dari OMJUAN.COM

SEO & FOUNDER Situs OMJUAN.COM

Recent Posts

20 Aug 2021

Membuat Sitemap Dinamis Pada Laravel 8

Sitemap merupakan file yang memberikan informasi tentang website kita, mesin pencarian seperti Google membaca file Sitemap untuk meng-crawl situs deng.

read more
05 Aug 2021

Membuat Google ReCAPTCHA pada Laravel 8

Hari ini saya bakal memberikan contoh sederhana tentang Cara Membuat Captcha Menggunakan Google ReCAPTCHA. Dalam tutorial ini Anda harus menggunakan A.

read more
circle zigzag dot

Tulis komentar