Sawung Nalar: CodeIgniter : Upload File

Kali ini saya akan berbagi mengenai bagaimana cara mengupload file pada CodeIgniter yang mana ini adalah lanjutan dari postingan sebelumnya. Okehh,, baiklah langsung aja ya,, pertama kita harus berdo'a dulu ya hehehe,,,

Langkah awal adalah membuat form upload dengan cara membuat file notepad pada direktori application\views\ dengan nama form_upload.php (ingat extensi harus *.php), lalu tambahkan script seperti dibawah ini pada file tersebut

<html>
<head>
<title>Form Upload</title>
</head>
<body>
<?php echo $error;?>
<?php echo form_open_multipart('upload/do_upload');?>
<input type="file" name="userfile" size="20" />
<br /><br />
<input type="submit" value="upload" /> </form>
</body>
</html>

Kemudian buat form upload success pada direktori application\views\ dengan nama upload_success.php, lalu tambahkan script dibawah ini pada file tersebut

<html>
<head>
<title>Form Upload</title>
</head>
<body>
<h3>Your file was successfully uploaded!</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 Another File!'); ?></p>
</body>
</html>

Setelah itu membuat controllernya pada direktoru application\controller dengan nama upload.php, lalu tambahkan scripth dibawah ini pada file tersebut

<?php
class Upload extends CI_Controller
{
function __construct()
{
parent::__construct();
$this->load->helper(array('form', 'url'));
}
function index()
{
$this->load->view('form_upload', array('error' => ' ' ));
}
function do_upload()
{
$config['upload_path'] = './uploads/';
$config['allowed_types'] = 'gif|jpg|png';
$config['max_size'] = '1000';
$config['max_width'] = '1024';
$config['max_height'] = '768';
$this->load->library('upload', $config);
if ( ! $this->upload->do_upload())
{
$error = array('error' => $this->upload->display_errors());
$this->load->view('form_upload', $error);

}
else
{
$data = array('upload_data' => $this->upload->data());
$this->load->view('upload_success', $data);

}
}
}
?>

Pada script di atas terdapat fungsi do_upload yang mana disana terdapat perintah seperti ini

$config['upload_path'] = './uploads/';
$config['allowed_types'] = 'gif|jpg|png';
$config['max_size'] = '1000';
$config['max_width'] = '1024';
$config['max_height'] = '768';

ini maksudnya adalah sebuah rule yang mambatasi file yang seperti apa saja yang dapat di upload, kita bisa mengubahnya sesuai dengan keinginan dan kebutuhan kita

Setelah itu buat folder pada direktori CInya yaitu pada C:\xampp\htdocs\db_d4b6\ dengan nama uploads ini bertujuan untuk menampung file yang diupload

jika sudah coba load pada browser dengan alamat localhost/db_d4b6/index.php/upload maka akan tampil sebagai berikut