Thumbnail merupakan tampilan gambar dengan resolusi kecil atau ukuran lebih kecil dari pada ukuran aslinya. Fungsi Thumbnail sangat sendiri lebih menghemat ruang pada tampilan galeri pada folder penyimpanan gambar seperti pada PC maupun pada smartphone contohnya, kenapa bisa seprti itu karena jika tidak ada ukuran yang lebih kecil tentu kita akan kesulitan untuk mencari gambar yang diinginkan karena tampilannya gambar asli terlalu besar.Dalam kesempatan kali ini kita belajar membuat thumbnail saat upload gambar di Codeigniter, jadi saat kita akan upload gambar nanti akan disimpan di folder thumbnail untuk gambar thumbnailnya, bagaimana cara membuat thumbnail maka jangan kemana-mana simak langkah-langkah pembuatannya.
Langkah pertama cara membuat thumbnail pada codeigniter ,buat file controller seperti dibawah ini:
1 2 3 4 5 6 7 8 9 10 |
<?php defined('BASEPATH') OR exit('No direct script access allowed'); class Page extends CI_Controller { public function index() { $data['title']="Cara Membuat Gambar Thumbnail"; $this->load->view('upload' ,$data); } |
Pada code diatas file controller nya adalah Page dengan fungsi index berisi $data untuk title dan selanjutnya load sebuah view memanggil file upload serta $data
Langkah berikutnya buat file view beri nama upload sesuai dengan pada controller tadi yang mau di load, seperti code berikut ini :
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 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title><?php echo $title; ?></title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> </head> <body> <div class="container"> <div class="row"> <div class="col-md-3"></div> <div class="col-md-6 mt-3"> <h3 class="text-center bg-info text-white p-2">Cara Upload Gambar Thumbnail</h3> <?php echo form_open_multipart('page/proses'); ?> <input class="btn btn-light" type="file" name="file" > <input class="btn btn-success" type="submit" value="Upload"> <?php echo form_close(); ?> </div> <div class="col-md-3"></div> </div> </div> </body> </html> |
Pada file view tentu tidak lepas dari struktur HTML, agar tampilannya supaya rapi kita pakai bootstrap saja. pada view upload kita pakai form_open_multipart fungsinya kurang lebih seperti pada tag form HTML apabila kurang paham penggunaannya silahkan baca penjelasannya disini. jadi pada form_open_multipart menjalankan controller page dan fungsi proses perhatikan pada code diatas, lalu jangan lupa penutup form_close dibuat juga sebagai penutup form nya.
Baiklah sekarang simpan file controller dan file view yang dibuat, coba dijalankan pada browser untuk melihat tampilannya apakah sudah seperti dibawah ini:
Demikian pembahasan artikel ini tentang cara membuat thumbnail pada codeigniter, dan akan kita lanjutkan pada pembahasan pada cara membuat thumbnail pada codeigniter part 2.
Terima Kasih