Blog
Tutorial Cara Upload File Pada Framework Laravel
- March 31, 2019
- Posted by: Nuris Akbar SST, M.Kom
- 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
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','[email protected]'); // Route untuk menghandle proses upload Route::post('upload','[email protected]');
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'); } }
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>
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()); }
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.
Nuris Akbar SST, M.Kom
Senior Backend Web Developer Dengan Pengalaman Lebih Dari 8 Tahun, Sekarang Menjadi CTO Di Startup Globalvillage, Founder Academy Diigtal Dan Instruktur Training Di PT Brainamtics Cipta Informatika.
Baca Artikel Terkain Menarik Lain:
Author:nuris


Nuris Akbar SST, M.Kom
Senior Backend Web Developer Dengan Pengalaman Lebih Dari 8 Tahun, Sekarang Menjadi CTO Di Startup Globalvillage, Founder Academy Diigtal Dan Instruktur Training Di PT Brainamtics Cipta Informatika.