Blog
Trik Membuat Multiple Upload Dengan Codeigniter
- September 30, 2016
- Posted by: Nuris Akbar SST, M.Kom
- Category: Tutorial Codeigniter
Upload file adalah sebuah proses mengcopy file dari komputer client lalu akan di pindahkan ke komputer server sehingga semua komputer client yang terhubung dengan server maka bisa mengakses file yang di upload tadi. pada postingan ini kita akan belajar bagaimana cara membat fitur untuk mengupload multiple file dengan framework codeigniter.
Konfigurasi Dasar Codeigniter
silahkan buka file config/config.php yang ada dalam folder application dan seeting base_url sebagai berikut :
$config['base_url'] = 'http://localhost/absensi/';
Membuat Form Multiple Upload
langkah pertama adalah membuat form upload yang akan digunakan sebagai interface untuk mengupload file. silahkan buat sebuah controller dengan nama Upload dan buat sebuah function index yang akan nantinya akan memanggil view form upload yang ada pada folder view, script nya adalah sebagai berikut :
<?php class upload extends CI_Controller{ function __construct() { parent::__construct(); $this->load->helper(array('form')); } function index(){ $this->load->view('form_upload'); } }
lalu buatlah sebuah file baru dengan nama file form_upload.php didalam folder view, lalu tulislah script berikut untuk membuat form interface upload yang akan ditampilkan pada halaman mengguna :
<!DOCTYPE html> <html> <head> <title>Multiple Upload File Codeigniter</title> </head> <body> <h3>Multiple Upload File Codeigniter</h3> <?php echo form_open_multipart('upload/multiple_upload'); ?> <table border="1"> <tr><td>File 1</td><td><?php echo form_upload('file1'); ?></td></tr> <tr><td>File 2</td><td><?php echo form_upload('file2'); ?></td></tr> <tr><td></td><td><?php echo form_submit('upload', 'upload file'); ?></td></tr> </table> <?php echo form_close() ?> </body> </html>
Membuat Proses Multiple Upload
langkah selanjutnya kita akan membuat sebuah function baru dengan nama multiple_upload pada controller upload, fungsi dari function ini adalah untuk memproses file yang akan di upload ke server, jadi sekarang script controller nya menjadi seperti ini :
<?php class upload extends CI_Controller{ function __construct() { parent::__construct(); $this->load->helper(array('form')); } function index(){ $this->load->view('form_upload'); } function multiple_upload(){ $config['upload_path'] = './uploads/'; //$config['allowed_types'] = 'gif|jpg|png'; //$config['max_size'] = 100; //$config['max_width'] = 1024; //$config['max_height'] = 768; $this->load->library('upload', $config); // script upload file pertama $this->upload->do_upload('file1'); $file1 = $this->upload->data(); echo "<pre>"; print_r($file1); echo "</pre>"; // script uplaod file kedua $this->upload->do_upload('file2'); $file2 = $this->upload->data(); echo "<pre>"; print_r($file2); echo "</pre>"; } }
Melakukan Percobaan Upload File
sekarang silahkan masukan http://localhost/absensi/upload pada web browser kesayangan anda maka akan tampil form seperti berikut :
silahkan pilih kedua file yang akan di upload dan klik button upload file maka akan muncul informasi tentang file yang anda upload sebagai berikut :
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.
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.