Source Code Menampilkan Gambar Pada Form Bukutamu

Foto berperan sangat penting dalam suatu identitas formulir, jadi tanpa foto orang tidak dapat mengenal, siapakah dia, dan bagaimana bentuk raut wajahnya, sama halnya dengan sosial media yang lain seperti Facebook, BBM, Whatsapp dan sosial media yang lain.

Tampilan Form Bukutamu By Dunia Programming

Nah, pada tutorial kali ini, Dunia Programming akan memberikan penjelasan bagaimana cara menampilkan gambar atau foto pada Form Bukutamu yang dulu telah kita buat

"Form Bukutamu...? memang ada ya min di website ini...?"

Nah, buat kalian yang ketinggalan dengan tutorial Dunia Programming, silahkan dibaca dan dibuat Form Bukutamunya disini :

Baca : Form Bukutamu Keren dengan Efek Tulisan Keren

Baca : Cara Membuat Form Buku Tamu Keren Dengan CSS

nah, kali ini saya akan memberikan source code untuk menampilkan gambar pada Form Bukutamu yang dulu kita buat, oke, langsung saja kita mulai tutorialnya.

"Wah, lengkap sekali ya tutorialnya..."

Iya dong pastinya, untuk kalian yang tidak ingin ketinggalan tutorial Dunia Programming yang lain, silahkan Subscribe Website Dunia Programming dengan cara mengirimkan alamat email aktif kalian.

"Oke bos DP, siap laksanakan hehehe"

Oke lah, sipss kalau gitu, jadi kalian tidak perlu bolak balik membuka Webiste Dunia Programming, cukup kirim alamt email kalian, maka kalian secara otomatis akan menerima pemberitahuan bahwa Dunia Programming telah membuat artikel baru.

Oke tanpa perlu basa-basi lagi, sekarang kita mulai tutorialnya. 

Source Code Menampilkan Gambar Pada Form Bukutamu

1). Buka Web Editor kalian, terserah mau pakai yang mana, bisa kalian gunakan Notepad++, Sublime Text 3, atau Atom, saran saya gunakan Sublime Text 3, sebab kalian tidak perlu membuka 1 file yang lainnya, cukup membuka Foldernya, kalian bisa membuka file file yang lain dan bisa juga membuka gambar. itu lah kelebihan Sublime Text 3, buat kalian yang belum mengerti apa sih Sublime Text 3, silahkan baca tutorial dibawah ini:

Baca : Cara Ngoding Cepat Dengan Menggunakan Sublime Text 3

2). selanjutnya copy source code dibawah ini, kemudian simpan dengan nama GambarArtikel.php

PHP

<?php
mysql_connect("localhost","root","") or die (mysql_error());
mysql_select_db("db_login") or die (mysql_error());

$idFile = $_GET['id'];

$dataGambar = mysql_fetch_array(mysql_query("SELECT * FROM artikel WHERE ID='$idFile'"));
$filename = $dataGambar['file_name'];
$mimetype = $dataGambar['mime_type'];
$fileData = $dataGambar['Foto'];

header("connect-diposition: inline; file_name=$filename");
header("connect-type: $mimetype");
header("connect-lenght: ".strlen($fileData));
echo($fileData);
?>

3).  Setelah source code diatas kalian copy, coba kalian buka Web Browser kalian, kemudian ketik alamat url localhost/Login_PHP, kemudian coba kalian isi inputan Form Bukutamu, dan lihat hasilnya.

Bagaimana...? keren bukan, pastinya dong, keren.

Sekian penjelasan dari saya, mungkin dari kalian masih dalam kebingungan atau merasa kurang faham dengan apa yang saya jelaskna diatas, silahkan tinggalkan komentar pada kolom yang sudah saya sediakan dibawah artikel ini, atau bisa juga kirim pesan melalui alamat email saya dengan cara menekan tombol Contact pada bagian bawah website (Footer).