Membuat Progress Upload di CodeIgniter Dengan Ajax & Bootstrap 3

Progress bar akan sangat membantu dalam proses upload ketika file yang diupload relatif besar, progress tidak akan terasa / diperlukan ketika file cukup kecil. Pada contoh kali ini penulis memberikan contoh upload untuk semua jenis file. Adapun PHP Framework yang digunakan adalah Codeigniter 3.x dan CSS Framework yang digunakan adalah Bootstrap 3.x.

Pada tulisan kali ini konfigurasi dasar FW Codeigniter saya lewat dengan asumsi para pembaca sudah faham konfigurasi dasar CodeIgniter. Yang harus diperhatikan adalah merubah konfigurasi apache agar bisa menerima upload file lebih dar 2Mb karena contoh ini akan efektif jika kita meng-upload lebih dari 100Mb.

Berikut langkah-langkah membuat aplikasi :

Tahap pertama buat folder uploaded_file di root direktori untuk menampung hasil upload.

Tahap kedua konfigurasi apache dilakukan dengan membuat file.htaccess untuk merubah maksimal ukuran file yang boleh di-upload

Tahap kedua buat controller dengan nama Upload.php

Tahap keempat buat view home.php, di file ini kita siapkan ajax untuk fungsi upload dan fungsi membuat progress dinamis

Tahap kelima buat view untuk tampilan hasil upload dengan nama file  daftar_file.php

Tahap keenam buat view untuk membuat form upload dengan nama form_upload.php

Jika sudah selesai jalankan aplikasi tersebut.

Sebagai bahan latihan silahkan download contoh scriptnya pada link dibawah ini

Download

Post a Comment

Previous Post Next Post