CodeIgniter 3 adalah salah satu framework PHP populer yang digunakan untuk pengembangan web. Salah satu fitur penting dari aplikasi web adalah kemampuan untuk mengunggah file ke server.
Implementasi Fitur Upload File pada CodeIgniter 3: Langkah-Langkah dan Contoh Kode
Dalam artikel ini, saya akan membahas cara mengimplementasikan fitur “Upload File” pada CodeIgniter 3.
Langkah-langkah
Berikut adalah langkah-langkah untuk mengunggah file pada CodeIgniter 3.
1. Membuat form upload
Pertama, buatlah form upload file pada view Anda. Berikut adalah contoh kode HTML untuk form upload:
<form method="post" action="<?php echo base_url(); ?>upload/do_upload" enctype="multipart/form-data"> <input type="file" name="userfile" size="20" /> <wp-br /><wp-br /> <input type="submit" value="Upload" /> </form>
Perhatikan bahwa kita menggunakan atribut enctype="multipart/form-data"
pada form untuk memungkinkan pengunggahan file.
2. Membuat controller
Buatlah controller Upload.php
pada direktori application/controllers
. Kemudian, tambahkan fungsi do_upload()
yang akan menangani proses pengunggahan file:
<?php defined('BASEPATH') OR exit('No direct script access allowed'); class Upload extends CI_Controller { public function __construct() { parent::__construct(); $this->load->helper(array('form', 'url')); } public function index() { $this->load->view('upload_form', array('error' => ' ' )); } public function do_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); if ( ! $this->upload->do_upload('userfile')) { $error = array('error' => $this->upload->display_errors()); $this->load->view('upload_form', $error); } else { $data = array('upload_data' => $this->upload->data()); $this->load->view('upload_success', $data); } } }
Pada fungsi do_upload()
, kita mendefinisikan beberapa konfigurasi untuk proses pengunggahan file. Di sini, kita membatasi jenis file yang diizinkan dan ukuran file maksimum. Selain itu, kita juga menentukan direktori tujuan untuk menyimpan file.
Kemudian, kita memuat library Upload pada CodeIgniter dan menggunakan fungsi do_upload()
untuk mengeksekusi proses pengunggahan file. Jika proses pengunggahan gagal, kita akan menampilkan pesan kesalahan menggunakan fungsi display_errors()
.
Jika berhasil, kita akan menampilkan halaman upload_success.php
yang akan menampilkan informasi file yang diunggah.
3. Menampilkan halaman hasil upload
Buatlah file view upload_success.php
pada direktori application/views
. Kemudian, tambahkan kode berikut untuk menampilkan informasi file yang diunggah:
<html> <head> <title>Upload Form</title> </head> <body> <h3>Your file was successfullyuploaded!</h3> <ul> <?php foreach ($upload_data as $item => $value):?> <li><?php echo $item;?>: <?php echo $value;?></li> <?php endforeach; ?> </ul> <wp-p><?php echo anchor('upload', 'Upload Another File!'); ?></wp-p> </body> </html>
Kode di atas akan menampilkan pesan sukses dan informasi file yang telah diunggah.
4. Mengatur hak akses direktori uploads
Pastikan bahwa hak akses direktori uploads
sudah diatur dengan benar, sehingga aplikasi dapat menyimpan file di sana.
Anda dapat mengatur hak akses melalui terminal atau menggunakan panel kontrol hosting yang Anda gunakan.
5. Uji coba upload file
Sekarang, coba jalankan aplikasi Anda dan lakukan pengunggahan file. Anda akan melihat halaman upload_success.php
yang menampilkan informasi file yang diunggah jika proses pengunggahan berhasil.
Kesimpulan
Dalam artikel ini, kita telah mempelajari cara mengimplementasikan fitur “Upload File” pada CodeIgniter 3.
Dengan mengikuti langkah-langkah yang telah dijelaskan di atas, Anda dapat mengunggah file ke server dengan mudah menggunakan CodeIgniter 3.
Ingatlah untuk mengatur hak akses direktori uploads agar aplikasi dapat menyimpan file di sana.
Beberapa artikel lain dari blog ini terkait Framework CodeIgniter: