Days
Hours
Minutes
Seconds

Promo Grand Opening

15% OFF

Khusus Pelanggan Baru

Upload File dengan CodeIgniter

 

 

Tutorial ini akan memandu Anda dalam mengimplementasikan fitur upload file dengan menggunakan framework CodeIgniter.


 

Langkah 1: Konfigurasi

 

Sebelum memulai, pastikan library upload telah di-load. Anda dapat melakukannya di controller atau secara otomatis dengan menambahkan ‘upload’ ke dalam array $autoload['libraries'] di file application/config/autoload.php.

Selanjutnya, buat sebuah direktori bernama uploads di root direktori proyek Anda (di luar folder application). Direktori ini akan digunakan untuk menyimpan file yang di-upload.

 

Langkah 2: Membuat Form Upload di View

 

Buat sebuah view di application/views/ dengan nama upload_form.php.

Saya akan membuat sebuah view sederhana yang berisi form untuk upload file.

 

application/views/upload_form.php:

HTML

<!DOCTYPE html>
<html>
<head>
 <title>Form Upload File</title>
</head>
<body>

 <h1>Form Upload File</h1>

 <?php if (isset($error)): ?>
  <p><?php echo $error; ?></p>
 <?php endif; ?>

 <?php echo form_open_multipart('upload/aksi_upload');?>

 <input type="file" name="berkas" size="20" />

 <br /><br />

 <input type="submit" value="upload" />

 </form>

</body>
</html>

 

Langkah 3: Membuat Controller untuk Handle Upload

 

Buat sebuah controller di application/controllers/ dengan nama Upload.php.

Saya akan membuat sebuah controller dengan dua metode: satu untuk menampilkan form upload dan satu lagi untuk menangani proses upload.

 

application/controllers/Upload.php:

PHP

<?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'));
  $this->load->library('upload');
 }

 public function index() {
  $this->load->view('upload_form');
 }

 public function aksi_upload() {
  $config['upload_path']   = './uploads/';
  $config['allowed_types'] = 'gif|jpg|png';
  $config['max_size']      = 2048; // dalam kilobyte
  $config['max_width']     = 1024;
  $config['max_height']    = 768;

  $this->upload->initialize($config);

  if (!$this->upload->do_upload('berkas')) {
   $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);
  }
 }
}

 

Langkah 4: Membuat View untuk Hasil Upload

 

Buat sebuah view di application/views/ dengan nama upload_success.php.

Saya akan membuat sebuah view sederhana untuk menampilkan informasi file yang berhasil di-upload.

 

application/views/upload_success.php:

HTML

<!DOCTYPE html>
<html>
<head>
 <title>Upload Berhasil</title>
</head>
<body>

 <h1>File Berhasil Diupload</h1>

Wawasan Terbaru

Gemini_Generated_Image_wfw5uwwfw5uwwfw5
Mengenal Dunia Grafis: Dari Piksel Hingga Vektor, Kekuatan Visual di Era Digital
Gemini_Generated_Image_b6dimfb6dimfb6di
Mengenal Foundation: Kerangka Kerja Front-End Profesional untuk Web Responsif
Gemini_Generated_Image_sx3ztpsx3ztpsx3z
CSS
Mempercantik Website dengan CSS: Seniman di Balik Tampilan Web 🎨
Gemini_Generated_Image_e013qke013qke013
Mengenal HTML: Fondasi dari Setiap Halaman Website 🌐
Gemini_Generated_Image_ldki4nldki4nldki
Menyelami Dunia Coding: Seni Berbicara dengan Komputer
Gemini_Generated_Image_dpvliydpvliydpvl
Menguasai GIT: Fondasi Penting dalam Dunia Pengembangan Perangkat Lunak
Gemini_Generated_Image_sqcib9sqcib9sqci
Tutorial Python #12: Mengenal Jenis-jenis Operator dalam Python
Gemini_Generated_Image_o1bw3do1bw3do1bw
Memahami Tipe Data Dictionary dalam Python
Gemini_Generated_Image_ko4ixfko4ixfko4i
Mengenal Tipe Data Set dalam Python
Gemini_Generated_Image_1xop7m1xop7m1xop
Tuple dalam Python: Pengenalan dan Tutorial

Wawasan Serupa

Gemini_Generated_Image_4mxd334mxd334mxd
Gemini_Generated_Image_ursc84ursc84ursc
ef5c8286-b6c4-4e25-b155-697374d570dc
Gemini_Generated_Image_m1hsycm1hsycm1hs

Ceritakan Detail Proyekmu

Mulai dari 30K aja, solusi IT kamu langsung jalan tanpa drama.

Kata Mereka Tentang Solusi Coding

Dipercaya oleh lebih dari 200++ client untuk menyelesaikan proyeknya dengan total 250++ proyek dari berbagai jenis proyek