Cara Membuat Upload Foto Pada Codeigniter

📷 Pengantar

Halo Sobat Fotografi! Memiliki sebuah website yang memiliki fitur upload foto tentu menjadi salah satu kebutuhan yang penting. Salah satu cara terbaik dalam mengimplementasikan fitur tersebut adalah dengan menggunakan CodeIgniter. CodeIgniter adalah sebuah framework PHP yang ringan dan mudah digunakan, sehingga cocok untuk digunakan dalam mengembangkan aplikasi web.

Dalam artikel ini, kita akan membahas secara detail tentang cara membuat upload foto pada CodeIgniter. Dalam hal ini, kita akan membahas beberapa aspek, mulai dari kelebihan dan kekurangan dari cara tersebut, informasi lengkap, hingga FAQ yang mungkin menjadi pertanyaan kalian seputar cara ini.

📷 Kelebihan dan Kekurangan

1. Kelebihan

Menggunakan CodeIgniter untuk membuat upload foto pada website memiliki beberapa kelebihan. Diantaranya:

  1. Mudah digunakan
  2. Ramah pemula
  3. Tidak memerlukan instalasi yang sulit
  4. Memiliki dokumentasi yang lengkap
  5. Memiliki komunitas yang solid
  6. Bisa digunakan dalam mengembangkan aplikasi web yang besar
  7. Dapat diintegrasikan dengan banyak library atau plugin

2. Kekurangan

Terdapat beberapa kekurangan ketika kita menggunakan CodeIgniter untuk membuat upload foto pada website, antara lain:

  1. Memiliki beberapa fitur yang kurang lengkap bila dibandingkan dengan framework PHP lainnya
  2. Kurang stabil untuk digunakan dalam mengembangkan aplikasi web yang sangat besar

📷 Informasi Lengkap

1. Persiapan Awal

Sebelum masuk ke cara membuat upload foto pada CodeIgniter, ada beberapa persiapan awal yang perlu kalian lakukan, di antaranya:

  1. Pastikan sudah menginstal CodeIgniter. Jika belum, kalian bisa mengunduhnya melalui website resmi CodeIgniter.
  2. Siapkan sebuah form untuk melakukan upload foto.

2. Install Library Upload

Setelah persiapan awal selesai, langkah selanjutnya adalah menginstall library upload. CodeIgniter memiliki library upload bawaan, sehingga kita tidak perlu membuat library upload dari awal. Untuk menginstall library upload, kalian bisa mengikuti langkah-langkah berikut:

  1. Buat sebuah file dengan nama “upload.php” pada direktori “application/config”.
  2. Copy paste kode di bawah ini pada file tersebut.
$config[‘upload_path’] = ‘./uploads/’;
Mengatur path untuk menyimpan foto yang diupload.
$config[‘allowed_types’] = ‘gif|jpg|png’;
Menentukan jenis file yang diizinkan untuk diupload.
$config[‘max_size’] = ‘100’;
Batas ukuran file yang diupload (dalam kilobyte).
$config[‘max_width’] = ‘1024’;
Batas lebar maksimum file yang diupload (dalam pixel).
$config[‘max_height’] = ‘768’;
Batas tinggi maksimum file yang diupload (dalam pixel).

Jika sudah, simpan file tersebut.

3. Buat Controller dan Function Upload

Langkah selanjutnya adalah membuat Controller untuk melakukan upload foto. Langkah-langkahnya sebagai berikut:

  1. Buat sebuah Controller dengan nama “Upload.php” pada direktori “application/controllers”.
  2. Copy paste kode di bawah ini pada file tersebut.

public function do_upload() {

$config[‘upload_path’] = ‘./uploads/’;
Mengatur path untuk menyimpan foto yang diupload.
$config[‘allowed_types’] = ‘gif|jpg|png’;
Menentukan jenis file yang diizinkan untuk diupload.
$config[‘max_size’] = ‘100’;
Batas ukuran file yang diupload (dalam kilobyte).
$config[‘max_width’] = ‘1024’;
Batas lebar maksimum file yang diupload (dalam pixel).
$config[‘max_height’] = ‘768’;
Batas tinggi maksimum file yang diupload (dalam pixel).
$this->load->library(‘upload’, $config);
Mengaktifkan library upload.
$this->upload->initialize($config);
Menjalankan fungsi initialize pada library upload.
if ($this->upload->do_upload(‘userfile’)) {
Melakukan proses upload foto dengan proses yang didefinisikan pada file upload.php.
$data = array(‘upload_data’ => $this->upload->data());
Menyimpan data upload pada variabel $data.
$this->load->view(‘upload_success’, $data);
Menampilkan hasil upload pada halaman view “upload_success”.
}
Jika proses upload gagal, menampilkan pesan error.
}
Tutup function do_upload().

Simpan file tersebut.

4. Buat View Untuk Form

Selanjutnya, buat sebuah View untuk form upload. Langkah-langkahnya sebagai berikut:

  1. Buat sebuah file dengan nama “upload_form.php” pada direktori “application/views”.
  2. Copy paste kode berikut:

< ?php echo $error;?>

Simpan file tersebut.

5. Buat View Untuk Hasil Upload

Saat selesai mengupload foto, kita juga ingin menampilkan hasil upload pada halaman website. Agar bisa menampilkannya, kita perlu membuat View untuk hasil upload. Langkah-langkahnya sebagai berikut:

  1. Buat sebuah file dengan nama “upload_success.php” pada direktori “application/views”.
  2. Copy paste kode berikut:

Upload Success!

  • File Name: < ?php echo $upload_data['file_name'] ?>
  • File Type: < ?php echo $upload_data['file_type'] ?>
  • File Size: < ?php echo $upload_data['file_size'] ?>