Blog

Belajarphp > Blog > Tutorial Laravel > Tutorial Cara Upload File Pada Framework Laravel

Tutorial Cara Upload File Pada Framework Laravel

March 31, 2019
Posted by: Nuris Akbar
Category: Tutorial Laravel

Tutorial Cara Upload File Pada Framework Laravel – Upload adalah sebuah mekanisme untuk mengcopy file dari local ke web hosting atau tujuan lain untuk keperluan tertentu, fungsi ini sangat banyak ditemukan pada aplikasi yang dibangun berbasis web ataupun dekstop sehingga kemampuan untuk bisa membuat fitur upload file merupakan salah satu skill wajib yang perlu anda kuasai.

Pada artikel kali ini kita akan belajar cara membuat fitur untuk melakukan upload file dengan menggunakan framework laravel.

Instalasi Dan Konfigurasi Framework Laravel

Langkah pertama yang akan kita lakukan adalah melakukan instalasi framework laravel dulu dengan menggunakan composer, silahkan jalankan perintah berikut ini pada CMD :

composer create-project --prefer-dist laravel/laravel blog

1	composer create-project --prefer-dist laravel/laravel blog

setelah proses instalasi berhasil, silahkan masuk kedalam folder proyek laravel yang sudah anda install tadi.

Membuat Routing Dan Controller

Langkah selanjutnya adalah membuat routing agar kita bisa mengakses form upload dan mengakses URL yang akan digunakan sebagai request ketika melakukan proses upload, silahkan buka web.php yang ada didalam folder routes dan tambahkan script berikut :

<?php

Route::get('/', function () {
    return view('welcome');
});

// Route untuk menampilkan form upload
Route::get('form-upload','UploadController@form');

// Route untuk menghandle proses upload
Route::post('upload','UploadController@upload');

<?php

Route::get('/', function () {

return view('welcome');

});

// Route untuk menampilkan form upload

Route::get('form-upload','UploadController@form');

// Route untuk menghandle proses upload

Route::post('upload','UploadController@upload');

Seperti yang anda lihatdiatas bahwa kedua script tersebut menggunakan UploadController sebagai tempat untuk menghadle proses menampilkan form upload dan mengeksekusi proses upload yang akan dijalankan, jadi sekarang kita akan membuat sebuah controller baru dengan nama UploadController.php dengan perintah artisan seperti dibawah ini :

lalu silahkan buka UploadController.php dan tambahkan function upload yang nantinya akan memanggil view dengan nama form-upload.php, scriptnya seperti ini :

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class UploadController extends Controller
{
    function form()
    {
        return view('form-upload');
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class UploadController extends Controller

{

function form()

{

return view('form-upload');

}

Membuat Script View Sebagai Interface Upload File

sekarang kita akan membuat view sebagai interface form upload yang akan digunakan oleh visitor untuk melakukan proses upload file nantinya, silakan buats sebuah file baru dengan nama form-upload.blade.php pada folder resources/views dan tulislah script berikut :

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Tutorial Upload File Laravel - Belajarphp.net</title>
</head>
<body>
    <h3>Script Upload File</h3>
    <form action="upload" method="post" enctype="multipart/form-data">
    {{ csrf_field() }}
    <input type="file" name="gambar">
    <Br>
    <button type="submit">Upload File</button>
    </form>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Tutorial Upload File Laravel - Belajarphp.net</title>

</head>

<body>

<h3>Script Upload File</h3>

<Br>

<button type="submit">Upload File</button>

</form>

</body>

</html>

Lalu silahkan simpan file form-upload.php dan jalankan php artisan serve untuk mengaktifkan build in server bawaan laravel, jika sudah running maka silahkan akses http://localhost:8000/form-upload maka seharusnya akan muncu tampilan seperti dibawah ini :

Membuat Script Untuk Menghadle Proses Upload File

Jika tadi kita sudah mempersiapkan view nya, sekarang kita akan membuat script untuk menghandle proses yang akan mengupload file dari local ke filesistem laravel yang terdapat pada web server. silahkan buat sebuah function dengan nama upload dan tulislah script berikut ini :

    function upload(Request $request)
    {
        $file = $request->file('image');
   
      // Mendapatkan Nama File
      $nama_file = $file->getClientOriginalName();
   
      // Mendapatkan Extension File
      $extension = $file->getClientOriginalExtension();
  
      // Mendapatkan Ukuran File
      $ukuran_file = $file->getSize();
   
      // Proses Upload File
      $destinationPath = 'uploads';
      $file->move($destinationPath,$file->getClientOriginalName());
    }

function upload(Request $request)

{

$file = $request->file('image');

// Mendapatkan Nama File

$nama_file = $file->getClientOriginalName();

// Mendapatkan Extension File

$extension = $file->getClientOriginalExtension();

// Mendapatkan Ukuran File

$ukuran_file = $file->getSize();

// Proses Upload File

$destinationPath = 'uploads';

$file->move($destinationPath,$file->getClientOriginalName());

}

sekarang silahkan pilih file yang ingin kalian upload dan klik button upload file, jika tidak ada pesan error silahkan chek file yang kalian upload pada folder public/uploads.