Skip to main content

IMAGE GALLERY PADA CODEIGNITER

IMAGE GALLERY 

Pada CodeIgniter untuk membuat image gallery dapat menggunakan library upload. Untuk memanggil library tersebut seperti berikut $this->load->library(array('upload'));.
Gambar dapat diresize dengan library image_lib.
Sebelum menggunakan library tersebut terlebih dahulu harus melakukan configurasi, berikut ini konfigurasinya :
$config['upload_path'] = APPPATH . 'uploads/';  ini menunjukkan file disimpan pada direktori, ‘uploads’ merupakan nama folder penyimpanan.
$config['allowed_types'] = 'jpeg|jpg|gif|png'; untuk menentukan type dari file yang akan diupload. Tujuan penentuan tipe untuk keamanan.
$config['max_size'] = '1024'; untuk memberikan ukuran file maksimal.
$this->upload->initialize($config); untuk melakukan inisialisasi.
Library tersebut disetting pada controller.
Setelah melakukan setting library langkah selanjutnya memanggil fungsi do_upload untuk mengupload file yang dimasukkan user.
if ( ! $this->upload->do_upload())

{
//gagal mengupload file & error menyimpan error message dalam
//variabel erro
$error = array('error' => $this->upload->display_errors());
}
else
{
//sukses mengupload file & informasi file disimpan dalam
// variabel data
$data = array('upload_data' => $this->upload->data());
}

Langkah – langkah membuat image gallery :
1.      Buat folder tempat upload image (data asli) dan thumbnail semacam album, jika diupload pada halaman depan akan ringan karena file sudah diresize.
2.      Ubah setting CI di application/config/config.php, setting yang sudah diubah adalah $config['base_url'].
3.      Buat controller image gallery.
4.      Buat model image gallery dengan menggunakan helper untuk mempermudah membaca gambar yang sudah diupload.
5.      Buat image view gallery, dengan 2 komponen yaitu view untuk upload dan view untuk menampilkan file yang sudah diupload.

Berikut adalah contoh sederhana membuat image gallery :
Pertama buat folder untuk menyimpan image dan thumbnailnya .


Buat controller dengan nama imagegal.php, pada controller akan dilakukan setting konfigurasi library.




Keterangan gambar :
1.    1.  Konfigurasi library.
2.    2.  Memanggil library upload, memanggil model gallery_model dan memanggil helper.
3.     3. Memanggil fungsi do_upload. Jika upload gagal makan akan muncul pesan errornya, tetapi jika upload sukses akan muncul pesan bahwa upload sukses.
Pada $config_resize, new_image merupakan tempat dimana image yang akan ditampilkan pada halaman (thumbnail).
4.     4. Memanggil library image_lib untuk meresize gambar. Jika saat melakukan resize gambar terjadi error akan muncul pesan error.
5.      5.Memasukkan file yang sudah diupload di gallery_model yang akan disimpan pada folder upload_image yang sudah dibuat diawal tadi.

Kemudian membuat model dengan nama gallery_model.php :

Membuat view dengan nama view_gallery.php :


Hasil running seperti berikut :












Comments