Tutorial Codeigniter 3 Bagian #8 : Upload File dan Gambar

Tutorial Codeigniter 3 Bagian #8 : Upload File dan Gambar

Pada tutorial kali ini saya akan membahas tentang bagaimana carai kita mengupload file dan gambar dengan menggunakan codeigniter 3. Tapi sebelum kita memulai pembahasan tentang bgaiamana kita mengupload file atai gambar baiknya kamu membaca bagaimana kita mengkonfigurasi codeigniter 3. Karena tutorial ini menggunakan konfigurasi yang sudah saya jelaskan pada artikel tersebut.

Proses Pembuatan Upload File atau gambar

Pada proses pembuatan upload file atau gambar pada codeigniter 3 ini akan di bagi menjadi beberapa tahapan. Berikut ini adalah daftar tahapan tahapan nya:

  1. Pembuatan Form Upload
  2. Pembuatan Views untuk menampilkan informasi yang akan di tampilkan jika upload berhasil.
  3. Pembuatan Controler untuk menampilkan form dan proses upload nya

Form Upload

Buatlah Views yang bernama upload_form.php dan isi kan dengan source code berikut ini:

<html>
<head>
<title>Rumah Code Form Upload</title>
</head>
<body>

<?php echo $error;?>

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

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

<br /><br />

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

</form>

</body>
</html>

Tampilan Form Upload

Contoh Form Upload Dengan Codeigniter 3

Setelah selesai membuat upload form maka kita akan lanjut ke proses selanjut nya.

Pembuatan View untuk menampilkan hasil upload

View yang akan kita buat bernama upload_berhasil.php. File ini berfungsi untuk menampilkan informasi dari file yang kita upload atau dapat juga di gunakan untuk menampilkan file yang kita upload. berikut ini adalah sour code dari file upload_berhasil.php.

<html>
<head>
<title>Form Upload</title>
</head>
<body>

<h3>File Telah Berhasil di upload</h3>

<ul>
<?php foreach ($upload_data as $item => $value):?>
<li><?php echo $item;?>: <?php echo $value;?></li>
<?php endforeach; ?>
</ul>

<p><?php echo anchor('upload', 'Upload File Lain nya!'); ?></p>

</body>
</html>

Tampilan dari upload_berhasil.php.

Tampilan Jika Proses Upload Berhasil dengan Codeingniter 3

Setelah selesai dengan kedua proses di atas kita akan melanjutkan ke tahapan terakhir yaitu tahapan pembuatan controller. 

Controller Upload

Tahapan ini adalah tahapan terakhir dalam tutorial upload menggunakan codeigniter 3, Controler yang akan di buat adalah controller upload.php. Dalam pembuatan  Controler ini kita akan buat fungsi untuk menampilkan form upload nya dan fungsi untuk membuat proses upload seta menampilkan data dari file yang berhasil di upload.

Menampilkan Form Upload

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

Proses Upload

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('file'))
                {
                        $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_berhasil', $data);
                }
        }

nah begitulah isi dari controller upload dengan menggunakan codeigniter 3.  Untuk controler upload kita menggunakan helper url dan form. Berikut ini adalah source code untuk memanggil helper url dan form.

        public function __construct()
        {
                parent::__construct();
                $this->load->helper(array('form', 'url'));
        }

dan berikut ini adalah source code seluruhnya dari controller Upload

<?php

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('file'))
                {
                        $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_berhasil', $data);
                }
        }
}
?>

Demikian lah tutorial pembuatan upload dengan menggunakan codeigniter 3. Jika kamu masih bingung atau ada yang ingin di tanyakan silahkan masukan pada kolom komentar.

Artikel Menarik Lainnya
Codeigniter, Codeigniter 3, Belajar Codeigniter 3

loading...