Input File Image di Laravel
Assalamualaikum wr wb, apa kabar teman teman bagaimana kabarnya baik ? semoga teman teman selalu diberi kesehatan Aamiin. Dikarenakan kesibukan beberapa waktu lalu saya jadi tidak bisa upload tutorial lagi di blog ini. Tapi tenang saja, mulai sekarang saya akan aktif lagi untuk upload tutorial tutorial yang semoga bisa bermanfaat untuk teman teman. Pada blog kali saya akan memberikan sedikit tutorial atau penjelasan mengenai Cara Upload File Image ke Database di Laravel. Sebelum mulai lebih baik teman teman siapkan tools tools yang akan digunakan agar bisa mengikuti dan memahami tutorial ini dengan baik.
Tools yang digunakan :
- Text Editor ( Visual Studio Code, Sublime Text, Atom, dll )
- XAMPP ( Untuk Windows )
- MAMP ( Untuk MacOS )
- Phpmyadmin
- Terminal ( cmd, bash, powershell, dll )
Tools yang saya gunakan dalam tutorial ini yaitu, VS Code, xampp, phpmyadmin dan gitbash. Langsung saja ke tutorialnya bisa diikuti di bawah ini.
Langkah Langkah
1. Buat project laravel dengan memasukan command dibawah ini ke dalam terminal
2. Lalu buka project Laravel kalian di Visual Studio Code, maka tampilannya akan seperti ini :
3. Buat database yang fungsinya untuk menyimpan data data image
4. Setelah membuat database, hubungkan project laravel kalian ke database dengan mengkonfigurasinya di file
.env Masukan nama database yang kalian buat ke dalam file
.env seperti gambar di bawah ini
5. Setelah project laravel kalian terhubung dengan database, buat lah Migration database, Model, dan Controller di terminal menggunakan command di bawah ini.
Penjelasan : command diatas berfungsi untuk membuat model, tapi dikarenakan menggunakan -mc maka migration dan controller nya akan terbuat otomatis.
6. Setelah Migration dibuat, tambahkan kodingan pada function up() di Migration yang telah dibuat untuk membuat kolom pada table yang akan dibuat.
7. Setelah kodingan ditambahkan ke dalam file migration yang telah dibuat, masukan command di bawah ini ke dalam terminal untuk membuat table pada database kita.
8. Setelah Model dibuat, tambahkan kodingan untuk mengidentifikasi table dan kolom mana saja yang bisa di input oleh user
9. Setelah Controller dibuat, tambahkan function function di bawah ini agar dapat menginput image ke database
10. Buat route untuk input dan menampilkan image di file web.php yang berada pada folder routes
11. Buat view bernama welcome.blade.php di folder resources/views/ yang berfungsi untuk menampilkan Image yang telah kita upload ke database. Isi kodingan nya bisa dilihat dibawah ini
12. Buat view bernama form.blade.php di folder resources/views/ yang berfungsi untuk menginput Image yang akan di upload ke database. Isi kodingan nya bisa dilihat dibawah ini
13. Tambahkan kodingan di bawah ini ke dalam file .env untuk mengatur konfigurasi penyimpanan file pada folder storage
14. Lalu buatlah link yang menghubungkan storage dengan public agar Image bisa ditampilkan di view, masukan command di bawah ini ke dalam terminal
Uji Coba dan Hasil
1. Buka project kalian pada website dengan memasukkan command php artisan serve ke dalam terminal dan click link yang muncul pada terminal. Jika berhasil maka hasilnya akan seperti di bawah ini
2. Mari kita coba menginput gambar ke database, klik button add image di kanan atas maka kalian langsung diarahkan ke halaman form lalu input data dan submit seperti di bawah ini
3. Jika berhasil maka kalian akan diarahkan ke halaman awal yang berisi table dan table telah terisi dengan data image yang tadi kita upload ke database seperti gambar di bawah ini
4. Jika kita lihat di database, data sudah masuk ke dalam database sesuai yang kita input tadi
Penutup
Sekian tutorial yang dapat saya berikan kedapa teman teman semua, semoga tutorial ini bermanfaat dan bisa membantu kesulitan teman teman. Jangan lupa share tutorial ini jika kalian merasa tutorial ini bermanfaat dan jangan lupa comment jika ada yang kalian ingin tanyakan. Terima Kasih teman teman, Wassalamualaikum wr wb.
0 Comments