Download Source Code Aplikasi

Tutorial Codeigniter 3 : Upload Gambar (Image), Rename Dan Resize Dengan Mysqli + Bootstrap Full Source Code

Thursday, September 19th, 2019 - CodeIgniter, Mysqli, source code, Tutorial

 Cuma Coder kali ini akan membagikan tutorial mengenai Upload Gambar  Tutorial CodeIgniter 3 : Upload Gambar (Image), Rename dan Resize dengan MySQLi + Bootstrap Full Source Code

Halo ! Cuma Coder kali ini akan membagikan tutorial mengenai Upload Gambar (Image) pada framework CodeIgniter 3. Tutorial ini selain membahas perihal Upload Gambar kita akan sekaligus membahas mengenai fungsi rename (mengubah nama file gambar) dan resize (merubah ukuran gambar ) sehabis kira melaksanakan upload. 

Di dalam framework CodeIgniter sendiri juga sudah disediakan library upload dan image_lib (library untuk manipulasi gambar) . Pastikan kedua library tersebut sudah ada pada folder library CodeIgniter 3. Biasanya sih sudah ada kalau kita mendownload CodeIgniter dari web resminya.
Oke pribadi saja kira masuk ke Tutorial CodeIgniter 3 :  Upload Image, Rename dan Resize.
1 . Setting Dan Database

  1. Karena kita memakai Bootstrap silahkan Download Bootstrap dan letakan di folder assets
  2. Setting default controller menjadi upload di config/routes.php
  3. Karena kita memakai library upload dan library image_lib serta penyimpanan data kedatabase. maka kita load libray tersebut secara otomatis di config/autoload.php
  4. Sebaiknya kita menghilangkan index.php pada url untuk mepercantik url. Silahkan Baca Tutorial CodeIgniter 3 : Menghilangkan Index.php Pada URL (Mempercantik URL Pada CodeIgniter 3)
Dalam tutorial kali ini kita memakai database driver MySQLi jadi kita set dulu database driver nya di file database.php yang berada pafa folder /application/config/ . Untuk pengaturannya sanggup di sesuaikan. 
Selanjutnya kita buat database dan tabelnya . Untuk tabelnya sanggup dengan menjalankan script dibawah ini di comand console.

2. Controller
Untuk controllernya kita memakai satu controller yang mempunyai beberapa fungsi antara lain :

  1. Function Index (Fungsi untuk menampilkan halaman home yang berisi file yang telah di upload)
  2. Function Add ( Fungsi untuk menampilkan form upload gambar)
  3. Function Insert ( Fungsi untuk upload gambar , rename , dan resize. Serta menyimpan ke database )

3. Views
Dalam tutorial ini kita akan menciptakan 2 view . View yang pertama yang berfungsi untuk menampilkan daftar gambar yang telah di upload. View pertama kita beri nama home.php . File home,php ini akan menampilkan berupa gambar yang ada di folder /assets/hasil_resize adalah gambar yang hasil upload yang telah di resize sebagai thumbnailnya. Untuk tampilan dan source code home.php sanggup anda tiru source code dibawah ini.

Tampilan view home dengan source code menyerupai diatas akan menampilakan menyerupai gambar dibawah ini.

Selanjutnya view kedua merupakan tampilan untuk form upload yang berfungsi sebagai input gambar yang akan di upload. View kedua ini kita beri nama fupload.php. Untuk source code nya menyerupai dibawah ini.

4. Modal
Untuk menghubungkan kedatabase tentunya kita memakai modal. untuk modalnya kita beri nama model_upldgbr.php . Dalam modal ini terdapat 2 query , antara lain :

  1. function get_allimage ( fungsi untuk menampilkan semua data dari tabel)
  2. function get_insert ( fungsi untuk menyimpan data gambar ke database pada dikala proses upload)
Source code model_upldgbr.php menyerupai dibawah ini :

Untuk pola source code yang sudah jadi silahkan anda download source code dan database dibawah ini. Semoga tutorial ini sanggup bermanfaat. Untuk pertanyaan, kritik dan saran. silahkan dituangkan di form komentar di selesai poStingan ini .

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

(Telah didownload 27 kali, 1x didownload hari ini)
Download Source Code Aplikasi
Tutorial Codeigniter 3 : Upload Gambar (Image), Rename Dan Resize Dengan Mysqli + Bootstrap Full Source Code | admin | 4.5


error: Content is protected !!