• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Jaranguda

Belajar Mengajar

  • Home
  • Sponsor/Jasa
  • Tentang

Membuat Upload Gambar Dengan Laravel 5.2

Last Updated on 7 August 2016 By tommy 2 Comments

Untuk kebutuhan tutorial ini kita akan menambahkan satu tabel baru di database yang kita beri nama gambar, berikut ini file migrationnya

    public function up()
    {
        Schema::create('gambar', function (Blueprint $table) {
            $table->increments('id');
            $table->string('judul');
            $table->string('file_gambar');
            $table->timestamps();
        });
    }
    public function down()
    {
         Schema::drop('gambar');
    }

Route

Buka file app/Http/routes.php dibagian paling bawah tambahkan

Route::resource('gambar', 'GambarController');

Model

Buat model untuk tabel gambar diatas

php artisan make:model Gambar

Model Gambar (Gambar.php)

<?php
 
namespace App;
 
use Illuminate\Database\Eloquent\Model;
 
class Gambar extends Model
{
    protected $table = 'gambar';
    protected $fillable = ['judul', 'file_gambar'];
}

Controller

Buat Controller untuk tabel gambar diatas

php artisan make:controller GambarController

Buat folder baru di folder public, contoh kita beri nama uploadgambar
File GambarController.php

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
use App\Gambar;
use App\Http\Requests;
 
class GambarController extends Controller
{
    public function index()
    {
        $gambar = Gambar::all();
        return view('gambar.index', compact('gambar'));
    }
 
    public function create()
    {
        return view('gambar.create');
    }
 
    public function store(Request $request)
    {
        $this->validate($request, [
            'judul' => 'required',
            'file_gambar' => 'required|image',
            ]);
        $gambar = $request->file('file_gambar');
        $namaFile = $gambar->getClientOriginalName();
        $request->file('file_gambar')->move('uploadgambar', $namaFile);
        $do = new Gambar($request->all());
        $do->file_gambar = $namaFile;
        $do->save();
        return redirect('gambar');
    }
}

View

Buat folder gambar di resources/views dan dua file index.blade.php, create.blade.php

resources/views/gambar/
├── create.blade.php
└── index.blade.php

File index.php

<!DOCTYPE html>
<html lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Upload Gambar dengan Laravel 5.2 &raquo; Jaranguda.com</title>
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
        <div class="container">
            <h3>Gallery</h3>
            <hr>
 
<div class="row">
  <div class="col-md-6">
    @if(count($gambar) > 0)
 
        @foreach ($gambar as $file)
        <img src="{{ url('uploadgambar') }}/{{ $file->file_gambar }}" class="img-responsive">
        @endforeach
 
    @endif
  </div>
</div>
 
 
    </body>
</html>

file create.blade.php

<!DOCTYPE html>
<html lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Upload Gambar dengan Laravel 5.2 &raquo; Jaranguda.com</title>
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
        <div class="container">
            <h3>Gambar</h3>
            <hr>
 
    <form action="{{ url('gambar') }}" method="POST" enctype="multipart/form-data">
        {!! csrf_field() !!}
 
                <div class="form-group">
                    <label for="judul">Judul Gambar</label>
                    <input type="text" class="form-control" id="judul" name="judul" placeholder="Judul Gambar">
                </div>
 
                <div class="form-group">
                    <label for="file_gambar">Judul Gambar</label>
                    <input type="file" id="file_gambar" name="file_gambar">
                </div>
 
                <input class="btn btn-primary" type="submit" value="Upload">
            </form>
 
        @if(count($errors) > 0)
            <div class="row">
                    <ul>
                        @foreach($errors->all() as $error)
                            <li>{{$error}}</li>
                        @endforeach
                    </ul>
            </div>
        @endif
 
        </div>
    </body>
</html>

Screenshot

Halaman Index
tutorial laravel upload gambar

Halaman tambah gambar
tutorial laravel contoh upload gambar
Setelah Upload Gambar
tutorial laravel setelah upload gambar
Validasi judul dan file gambar
tutorial laravel validasi upload gambar

source bisa diambil di https://github.com/jaranguda/laravel-upload

Tulisan menarik lainnya

  • Membuat Password Generator dengan PHP

    Untuk membuat kombinasi password yang aman disarankan menggunakan huruf kecil, huruf besar, angka, dan karakter…

  • Membuat Laporan PDF dengan PHP

    Tutorial mengenai pembuatan laporan PDF dengan PHP ini adalah bagian pertama dari tutorial pembuatan file…

  • Membuat Kalender dengan PHP

    Buat sebuah file dengan nama kalender.php lalu tambahkan script dibawah ini Minggu Senin Selasa Rabu…

  • Membuat Pencarian dengan Laravel 5

    Database yang akan kita gunakan adalah dborang dari tutorial Membuat Pagination di Laravel 5. Membuat…

Filed Under: PHP Tagged With: Laravel 5.2, upload

Reader Interactions

Comments

  1. Dadan Hamdani says

    17 September 2017 at 14:26

    Upload Gambar

    yg d atas ketinggalan

    Reply
    • tommy says

      20 September 2017 at 10:52

      itu ambil di github, fungsi simpannya ada diatas.

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Pencarian

Tanya Jawab tentang DevOps SRE CPE, gabung di https://t.me/devopsindonesia

Terbaru

  • Cara Mengganti Port Screen Sharing macOS
  • Cara Menonaktifkan Pager di macOS
  • Cara Mengupdate Nama Apple silicon-as-a-Service Scaleway
  • Cara Force Delete Namespace di Kubernetes
  • Install PHP MariaDB di Mac Monterey

Komentar

  • mazda on Tutorial Lengkap Install Mail Server Postfix Dovecot MariaDB di CentOS 7
  • adi on Menggunakan Mikrotik Sebagai SSH Client
  • aris u on Solusi Simple Queue Mikrotik Tidak Berjalan
  • Bowo on Cara Mematikan SSID Molecool Balifiber
  • aris on Solusi Simple Queue Mikrotik Tidak Berjalan

Tulisan Populer

  • Password Router Huawei HG8245H5 Indihome 1.2m views
  • Password Terbaru ZTE F609 Indihome 784.5k views
  • Password Superadmin Huawei HG8245A 318.7k views
  • Cara Setting Manual Modem GPON ZTE F609 Indihome 273.1k views
  • Cara Setting Wireless ZTE F609 Indihome 257.2k views
  • Mengaktifkan Port LAN di Huawei HG8245 Indihome 169.9k views
  • Akses UseeTV Indihome via Wireless ZTE F609 156.8k views
  • Kemana Menghilangnya Saldo BCA 50 ribu 153.4k views
  • Cara Reset Password ZTE F609 Indihome 147.6k views
  • Cara Setting DHCP Server Modem/Router ZTE F609 113.6k views

Kategori

  • Delphi
  • dll
  • Gambas
  • Internet
  • Java
  • Lazarus
  • Linux
  • PHP
  • Review
  • Teknologi

Sponsor

kadal.id
carakami.com
kuotabisa.com
Untuk jadi sponsor, hubungi kita lewat halaman sponsor
© 2021. Jaranguda
  • Linux
  • PHP
  • Internet
  • Teknologi
  • Delphi
  • Gambas
  • Java