Membuat image gallery sederhana dengan Codeigniter – 2

Setelah beberapa waktu lalu kita bermain dengan fungsi upload, selanjutnya adalah untuk menampilkan data tersebut.

Wah karena masih nuibe, mohon maaf kalo masih bingung ya 😀 semoga tidak tambah bingung 😀

Sekarang Ubahlah controller gallery yang telah dibuat sebelumnya, sehingga menjadi seperti berikut :

[php]
load->model(‘MGallery’);

if($this->input->post(‘upload’)){
$this->MGallery->do_upload();
}

$data[‘images’] = $this->MGallery->get_images();

$this->load->view(‘gallery_view’,$data);
}
}
[/php]

Controller di atas ditambahkan baris untuk memanggil fungsi get_images setelah proses upload. Sedangkan fungsi get_images pada model Mgallery adalah sebagai berikut :

[php]
gallery_path = realpath(APPPATH . ‘../images’);
$this->gallery_path_url = base_url().’images/’;
}

function do_upload(){
…
//fungsi do_upload yang sudah dibuat terdahulu
…
}

function get_images(){
$files = scandir($this->gallery_path);
$files = array_diff($files, array(‘.’,’..’,’thumbs’));

$images = array();

foreach ($files as $file) {
$images[] = array(
‘url’ => $this->gallery_path_url . $file,
‘thumb_url’=>$this->gallery_path_url .’thumbs/’ . $file,
);
}

return $images;
}
}
[/php]

Sedangkan pada view gallery_view dimodifikasi untuk menampilkan data dari fungsi get_images :

[php]

Gallery With CI

<!–
#gallery, #upload{
border: 1px solid #ccc; margin: 10px auto; width: 600px; padding: 10px;
}
#blank_gallery{
font_family: Arial; font-size: 18px; font-weight: bold; text-align: center;
}
.thumb{
float: left; width: 160px; height: 120px; padding: 10px; margin: 10px; background-color: #ddd;
}
.thumb:hover{
outline: 1px solid #999;
}
img{
border:0;
}
#gallery:after{
content: "."; visibility:hidden; display: block; clear: both; height: 0; font-size: 0;
}
–>
<div id="gallery">
<?php
foreach($images as $img){
?>
<div class="thumb">
<a href=" <?php echo $img[‘url’]; ?> ">
<img src=" <?php echo $img[‘thumb_url’]; ?>" alt="" />
</div>
<?php
}
?>
</a>

</div>
<div id="upload">

</div>
[/php]

Sekarang cobalah aplikasi tersebut, semoga berhasil…
Jika ingin melihat versi video nya, silahkan lihat di :
http://net.tutsplus.com/tutorials/php/codeigniter-from-scratch-file-uploading-and-image-manipulation/

30 thoughts on “Membuat image gallery sederhana dengan Codeigniter – 2”

Kelik April 11, 2010 at 8:14 am
bos aku coba yg pertama oke, cuman pas yang kedua ada error kayak ginian
mo tanya ini bikin foldernya yg gallery/images/thumb…sebelah mana ya boss, kesulitan nih,….
tengkiu…
A PHP Error was encountered
Severity: Warning
Message: scandir() [function.scandir]: Directory name cannot be empty
Filename: models/mgallery.php
Line Number: 39
A PHP Error was encountered
Severity: Warning
Message: array_diff() [function.array-diff]: Argument #1 is not an array
Filename: models/mgallery.php
Line Number: 40
A PHP Error was encountered
Severity: Warning
Message: Invalid argument supplied for foreach()
Filename: models/mgallery.php
Line Number: 44
Reply ↓
1. dwijonarko April 12, 2010 at 1:53 am
  Saya coba jawab ya Om 😀
  1. Membuat folder thumbs ada di dalam folder images. Pas tutorial pertama kan buat folder images tuh, buat nyimpen gambarnya, Nah di dalem folder itu buat lagi folder thumbs
  2. Kesalahan pada “$files = scandir($this->gallery_paths);” Coba di chek pada baris 4 sampai 10 dulu. OK!!
  Reply ↓
  1. ice April 28, 2010 at 5:52 pm
    koq saya sama kayak kelik ya…error msg nya juga seperti itu…
    cek baris 4 sampe 10 keliatane ga ada yg salah..
    mohon reply na….
    TQ
    Reply ↓
    1. dwijonarko April 29, 2010 at 1:49 am
      OK, tadi saya cpba lagi berhasil 🙂 ga error.
      Kemudian saya coba hapus code “$this->gallery_path = realpath(APPPATH . '../images');” maka muncul error tersebut. Coba check baris tersebut? Oh ya sebelunya yang upload pertama sudah berhasil belum? Imagenya udah berhasil di upload?
      Apa baris tersebut udah benar? Coab saya liat code pada model nya 🙂
      Semoga berhasil
      Reply ↓
aryo August 9, 2010 at 7:52 am
A PHP Error was encountered
Severity: Warning
Message: scandir() [function.scandir]: Directory name cannot be empty
Filename: models/mgallery.php
Line Number: 38
A PHP Error was encountered
Severity: Warning
Message: array_diff() [function.array-diff]: Argument #1 is not an array
Filename: models/mgallery.php
Line Number: 39
A PHP Error was encountered
Severity: Warning
Message: Invalid argument supplied for foreach()
Filename: models/mgallery.php
Line Number: 43
Gallery With CI
A PHP Error was encountered
Severity: Notice
Message: Undefined variable: image
Filename: views/gallery_view.php
Line Number: 27
“>
A PHP Error was encountered
Severity: Notice
Message: Undefined variable: image
Filename: views/gallery_view.php
Line Number: 28
” alt=”” />
Please Upload an Images
============================================
begini keluarnya bos
salah dimananya yah?
Reply ↓
Syihab March 16, 2011 at 9:58 am
kang law gallery_path_url sama galler_path_url apa bedanya???
Reply ↓
1. dudu Post authorMarch 16, 2011 at 10:02 am
  bedah huruf y
  thx.
  Reply ↓
tsuyadi26 May 31, 2011 at 5:50 pm
A PHP Error was encountered
Severity: Notice
Message: Undefined index: url
Filename: views/gallery_view.php
Line Number: 30
” >
A PHP Error was encountered
Severity: Notice
Message: Undefined index: thumb_url
Filename: views/gallery_view.php
Line Number: 31
” alt=”” />
kalo error seperti itu, slah nya dimana ya mas..???
Reply ↓
1. dudu Post authorMay 31, 2011 at 6:34 pm
  thumb_url dan url adalah index array $image yang dikirimkan dari modelnya.
  undefined index, artinya index tersebut tidak ditemukan. Bisa karena arraynya yang salah atau penulisan indexnya yang salah. Perhatikan code pada model
  [php]
  foreach ($files as $file) {
  $images[] = array(
  ‘url’ => $this->gallery_path_url . $file,
  ‘thumb_url’=>$this->gallery_path_url .’thumbs/’ . $file,
  );
  }
  [/php]
  url dan thumb_url di ambil dari array tersebut 🙂
  Reply ↓
tsuyadi26 May 31, 2011 at 6:49 pm
atau karena sama pake CI 1.7.2 ya mas..?
Reply ↓
1. dudu Post authorMay 31, 2011 at 6:50 pm
  tidak, ini juga masih pake CI 1.7
  Reply ↓
andrian June 10, 2011 at 11:00 am
A PHP Error was encountered
Severity: Warning
Message: scandir() [function.scandir]: Directory name cannot be empty
Filename: models/mgallery.php
Line Number: 36
A PHP Error was encountered
Severity: Warning
Message: array_diff() [function.array-diff]: Argument #1 is not an array
Filename: models/mgallery.php
Line Number: 37
A PHP Error was encountered
Severity: Warning
Message: Invalid argument supplied for foreach()
Filename: models/mgallery.php
Line Number: 40
A PHP Error was encountered
Severity: Notice
Message: Undefined variable: image
Filename: views/gallery_view.php
Line Number: 3
“>
A PHP Error was encountered
Severity: Notice
Message: Undefined variable: image
Filename: views/gallery_view.php
Line Number: 4
” alt=”” />
Please Upload an Images
GIMANA MAS SOLUSINYA??? MAKASIH
Reply ↓
1. dudu Post authorJune 10, 2011 at 2:00 pm
  sudah buat direktorinya belum?
  Reply ↓
2. dudu Post authorJune 17, 2011 at 3:03 pm
  Biasanya kalo kaya gitu, direktorinya belum ada, Atau kemungkinan Anda pake windows ya??? coba tanda “/” di ganti “\”
  Reply ↓
andrian June 10, 2011 at 3:03 pm
udah mas, kan buat’ny di folder codeigniter..
salahnya koq mirip2 dengn orang2 yang ats..
diriku udah pusing, mhon bantuan..
Reply ↓
1. dudu Post authorJune 17, 2011 at 3:36 pm
  sebenernya memang ada yang salah, kalo Anda teliti harusnya tahu 🙂
  Jika Anda menggunakan Windows, setting pathnya kan kebalik dengan UNIX
  Reply ↓
bebex September 7, 2011 at 10:17 pm
untuk validasinya biar ketika upload yang diupload hanya file gambar saja gmn mas?
mohon pencerahannya…terimakasih
Reply ↓
1. dudu Post authorSeptember 8, 2011 at 8:14 am
  kan sudah ada
  [php]
  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’;
  …….
  }
  [/php]
  Reply ↓
ozie September 15, 2011 at 8:35 am
unutk cara menghapus gambarnya gmn mas??supaya tidak hanya databasenya yang hilang, tapi file imagenya juga ilang.terimakasih
Reply ↓
1. dudu Post authorSeptember 15, 2011 at 10:09 am
  pake function unlink milik PHP juga bisa http://php.net/manual/en/function.unlink.php
  Reply ↓
ozie September 15, 2011 at 10:54 am
mungkin bisa kasih contoh skripnya ky gmn mas,klo di implementasikan ke CI. soalnya saya masih nyubi tentang CI. terimakasih
Reply ↓
ekodili February 5, 2012 at 4:31 pm
Error dengan pesan :
Message: scandir() [function.scandir]: Directory name cannot be empty
atau
Message: array_diff() [function.array-diff]: Argument #1 is not an array
Solusinya :
coba masuk ke config. php kemudian edit :
$config[‘index_page’] = “index.php”;
menjadi
$config[‘index_page’] = ” “;
Semoga berhasil.
Thanks. 🙂
Reply ↓
Jimmy February 21, 2012 at 4:50 pm
tanya dong, kalo saya mau nampilin gambar yang di upload gmna ya ? cuma bukan di form upload nya, tapi di form laen
begitu button submit (upload) di click gambar itu muncul di form lain,..
tolong bantuan nya..
thanks
^^
Reply ↓
1. dudu Post authorFebruary 23, 2012 at 4:09 pm
  simpan linknya di table, kemudian panggil
  Reply ↓
pajar February 26, 2012 at 4:31 pm
mantap tutor nya mas…
mas mau tanya dong.. kalo misalkan pengen nampilin images yg dari database gmn script nya ya??
mohon bantuannya segera mas hehe… saya udh coba utak atik tp gabisa bisa 😐
Reply ↓
Deniel June 20, 2012 at 10:02 am
Ketika saya mencoba di localhost.. mengapa selalu muncul thumbs.db dlm tag

Thanks…
Reply ↓
1. dwijonarko June 22, 2012 at 6:53 am
  thumbs.db adalah file bawaan windows
  Reply ↓
Dj November 17, 2012 at 12:24 pm
aplikasi udah jalan lancar, tapi bug nya. pas udh klik tombol upload. terus ketika page di refresh, itu bakal autoupload terus walaupun di inputannya kosong.
jd misal saya upload 1 gambar -> klik upload -> berhasil
kemudian saya refresh page. tiba2 muncul 1 file lg.
kalo di refresh page, bakal muncul 1 file lg yang sama. jd total ada 3 file
gmn pencerahannya? 🙂
Reply ↓
1. dwijonarko November 18, 2012 at 2:44 am
  Bukan bug sih,setiap aplikasi web apabila setelah mengirim data pakai POST kalo di refresh ya ngirim lagi.. Solusinya bisa dilakukan redirect ke halaman lain
  Reply ↓
kula December 25, 2012 at 11:39 am
kalo muncul kayak begini :
Fatal error: Call to undefined method CI_Controller::Controller() in C:xampphtdocsgaleriapplicationcontrollersgallery.php on line 5
gimana ya?
Reply ↓

dudu.WEB.ID

…still try and try…

Membuat image gallery sederhana dengan Codeigniter – 2

30 thoughts on “Membuat image gallery sederhana dengan Codeigniter – 2”

Leave a Reply Cancel reply