Saturday, 5 August 2017

Menampilkan Gambar Dari Database MySQL Menggunakan PHP

Sebenarnya postingan tentang cara menampilkan data gambar dari database MySQL munggunakan PHP sudah ada di dalam postingan tertentu di blog ini, cuma dengan alasain efesian dan pemahaman per artikelnya, saya putuskan untuk memisahkan saja.

Jika teman-teman belum mempunyai data di dalam database atau belum tau caranya bagaimana insert /memasukan data ke database MySQL, silakan teman-teman baca postingan saya tentang : Cara Insert Data Gambar ke Database MySQL menggunakan PHP

 Artikel kali ini hanya membahasa masalah bagaimana cara menampilkan data gambar dari database MySQL dan mengasumsikan teman-teman sudah punya data yang ingin ditampilkan.

Siapkan database yang sudah berisi data gambar


Disini saya akan asumsikan teman-teman sudah punya databasenya. Tapi jika belum kalian bisa buat di localhost dengan table yang sederhana yaitu  cukup mengandung attribute Id dan Image saja.

Baca juga : Tutorial CRUD (Create, Read, Update, Delete) Menggunakan PHP Dan MySQL 

Ingat : Untuk menggunakan cara display data dengan artikel ini, syaratnya adalah type data image yang didatabase itu bukan tipe blob melainkan type varchar. Kenapa demikian karna kita hanya menyimpan path si gambar saja, buka file gambarnya. Untuk itu silakan baca link yang tadi saya berikan diatas.

Class Connection


Seperti biasa saya akan buatkan class koneksinya agar satu program ini bisa dimengerti dari mana datanya setiap kode2 nya.

Silakan buat class php baru, beri nama Connection.php, kemudian ketikan kode dibawah ini :

Perhatikan kode dibatas pada bagian $dbname. Pada attribute $dbname isikan dengan nama database kalian masing-masing

Class Display Data


Pada class yang akan saya berikan ini adalah proses terjadinya pemanggilan data image dari database. Silakan buat class php baru, berikan nama DisplayImageFromDatabase.php kemudian ketikan kode dibawah ini :

Perhatikan :

Jika kalian HANYA ingin menampilkan pathnya saja, kalian bisa gunakan kode ini :

echo $data['image'];

Namun jika kalian ingin menampilkan gambar berdasarkan path yang tersimpan didatabase, maka kalian harus simpan $data['image'] didalam tagline image (<img src .... />), lihat kode dibawah ini :

<img src="<?php echo $data['image']?>" width="20%">

Kenapa image bisa tampil padahal cuma nama pathnya aja, dari nama gambarnya didapatkan?


Mungkin dari teman-teman ada yang bertanya seperti itu. Begini kalo kalian perhatikan gambar dari database saya dibawah ini :

path gambar
Pada bagian yang saya warnai kuning itu adalah nama path si gambar yang ada didalam folder project php nya. setelah itu akan ada tanda slash (/) setelah tanda slash akan ada nama si image yang berhasil diupload ke database.

Baca juga : Menampilkan Data Di Android (Retrofit 2.0 GET) Dari Server PHP + MySQL 

Hanya seperti itu saja?


Ya, umunya seperti itu. Tapi satu lagi jangan sampe kelewat, yaitu antara class DisplayImageFromDatabase.php dan folder tempat menyimpan gambar yang berhasil di upload harus satu arah(satu folder), tidak boleh berbeda tempat. Lihat gambar dibawah ini :

struktur folder project
Antara DisplayImageFromDatabase.php dan folder gambar (imagefromandroid dan images) berada pada satu garis lurus yaitu di folder project InsertImage

Jadi ketika class DisplayImageFromDatabase ingin menampilkan gambar dari path images/namagambar.jpg, maka diakan akan mencari folder images dengan nama gambar yang ada didalamnya namagambar.jpg.

Paham kira kira kan ya?

Sebenarnya boleh berlainan folder antara class pemanggila gambar dan directory gambarnya, tapi untuk pembelajaran awal mending pakai cara diatas saya yang satu folder, biar cepet running programnnya hehehe.

Hasil Akhir


Design untuk tampilan saya buat sembarangan saja biar kalian bisa focus ke inti bagaimana cara menampilkan datanya. Kalo masalah design cuma utak atik HTML, CSS nya saja.

Hasil akhir

Sekian tutorial kali ini. Semoga bermanfaat.

Please post a polite comment and do not post a spam
EmoticonEmoticon