Implementasi Fitur Upload File pada CodeIgniter 3

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.

Implementasi 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:

Ali Akbar

Software Developer yang fokus mengembangkan aplikasi berbasis Web dan Desktop. Senang mempelajari teknologi baru terutama di bidang web design dan web development.

View all posts by Ali Akbar →

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *