Halo teman-teman kita jumpa lagi, pada tutorial kali ini saya akan mencoba membahas tetang Cara Upload dan Resize Gambar Menggunakan Codeigniter, mengkin kalau upload gambar teman-teman sudah pada tahu semua ya, saya akan menjelaskan sedikit tentang upload gambar terlebih dahulu, seperti yang kita ketahui bersama, upload gambar yaitu memilih suatu file, baik itu file image, atau pun file yang lainya, untuk kita pindahkan atau kita kirim kedalam folder yang kita inginkan, sedangkan resize image (merubah ukuran gambar), maksudnya yaitu kita dapat merubah ukuran sebuah gambar yang awalnya 1000px menjadi 500px, nah biar teman-teman lebih paham lagi kita langsung saja masuk ke study casenya tentang Cara Upload dan Resize Gambar Menggunakan Codeigniter.
Langkah pertama pastikan teman-teman telah mendownload Codeigniternya pada https://codeigniter.com/, dan file bootstrap pada http://getbootstrap.com/ jika sudah berikutnya kita akan membuat sebuah folder assets didalam file codeigniternya lebih kurang struktur dari foldernya seperti dibawah ini
Selanjutnya kita akan membuat sebuah controller dengan nama controllernya Resize.php, teman-teman bisa simpan script yang terdapat dibawah ini pada file Resize.php
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 |
<?php class Resize extends CI_Controller { public function __construct() { parent::__construct(); $this->load->helper(array('form', 'url', 'html')); $this->load->library(array('upload','image_lib')); } public function index() { $data = array(); $data['error'] = ''; $data['output'] = ''; if(isset($_FILES['userfile'])) { $this->upload->initialize(array( 'upload_path' => './assets/', // nama folder gambar 'allowed_types' => 'png|jpg|gif', // format gambar 'max_size' => '5000', // maximal size gamabar dalam kb 'max_width' => '3000', // lebar gamabar yang akan kita upload dalam px 'max_height' => '3000' // tinggi gambar dalam px )); if($this->upload->do_upload()) { $data_upload = $this->upload->data(); $this->image_lib->initialize(array( 'image_library' => 'gd2', //library yang kita gunakan 'source_image' => './assets/'. $data_upload['file_name'], 'maintain_ratio' => FALSE, 'create_thumb' => TRUE, 'width' => 300, 'height' => 250 )); if($this->image_lib->resize()) { $output = '<h3>Thumb - Hasil Resize</h3>'; $output .= '<div class="col-md-12">'.img('./assets/'.$data_upload['raw_name'].'_thumb'.$data_upload['file_ext']).'</div>'; $output .= '<h3>Gambar Awal</h3>'; $output .= '<div class="col-md-12">'.img('./assets/'.$data_upload['file_name']).'</div>'; $data['output'] = $output; } else { $data['error'] = $this->image_lib->display_errors(); } } else { $data['error'] = $this->upload->display_errors(); } } $this->load->view('resize_view', $data); } } |
Berikutnya kita akan membuat file untuk viewnya silahkan teman-teman simpan script dibawah ini dengan nama resize_view.php
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Cara Upload dan Resize Gambar Menggunakan Codeigniter</title> <link rel="stylesheet" href="<?php echo base_url()?>bootstrap/css/bootstrap.min.css"> </head> <body> <div class="container"> <div class="row"> <div class="col-md-12"> <h2>Cara Upload dan Resize Gambar Menggunakan Codeigniter</h2> </div> <div class="col-md-6"> <?php echo $error; ?> <?php echo form_open_multipart() ?> <div class="form-group"> <?php echo form_upload('userfile') ?> </div> <div class="form-group"> <?php echo form_submit('upload', 'Upload', 'class="btn btn-success"') ?> </div> <?php echo form_close() ?> <?php echo $output; ?> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="<?php echo base_url() ?>bootstrap/css/bootstrap.min.css"></script> </body> </html> |
Jika kita jalankan pada browser maka hasilnya akan terlihat seperti dibawah ini
Bagai mana teman-teman cukup mudah bukan Cara Upload dan Resize Gambar Menggunakan Codeigniter-nya sekian dulu tutorial saya kali ini tentang Cara Upload dan Resize Gambar Menggunakan Codeigniter.
Semoga bermanfaat
Terimakasih