Cara Menampilkan Gambar Dengan Script PHP

Cara Menampilkan Gambar Dengan Script PHP pada sebuah halaman web html yang dapat juga diimplementasikan pada halaman print PDF menggunakan metode menampilkan gambar yang sama. Menampilkan gambar di PHP pada dasarnya sama dengan menampilkan gambar pada HTML yaitu menggunakan link URL terhadap letak aset file gambar yang disimpan oleh direktori web. Proses atau cara menampilkan gambar dari folder atau direktori web ini dilakukan melalui instruksi yang dibuat menggunakan script PHP. Sangat penting untuk diperhatikan adalah tentang nama file gambar yang tersimpan di direktori web dengan kesamaan nama yang tersimpan di dalam tabel database MySQL.

Sebagai contoh kasus dalam bagaimana cara menampilkan gambar dengan script php adalah ketika kita akan menampilkan gambar foto identitas siswa. Gambar foto siswa umumnya ditampilkan pada halaman biodata, kartu siswa, atau data alumni, dimana gambar tersebut telah diupload sebelumnya melalui halaman aplikasi. Jika gambar tersebut dapat diupload dengan script php, maka tentu gambar juga dapat ditampilkan menggunakan script php. Jika belum paham bagaimana cara upload gambar, silahkan buka tutorial pemrograman tentang cara membuat script php upload file gambar image foto.

Tutorial cara menampilkan gambar dengan script php ini berjalan sangat baik pada browser Mozilla Firefox. Menggunakan web server XAMPP ver 5.6.3 include dengan database MySQL. Untuk mengikuti tutorial ini pastikan komputer anda telah terinstall web server XAMPP tersebut. Jika Anda belum memililki web server XAMPP, silahkan install dengan melihat panduannya berikut cara instal web server XAMPP.

Berikut adalah langkah - langkah tutorial atau cara menampilkan gambar dengan script php lengkap berikut dengan scriptnya:

Cara Menampilkan Gambar Dengan Script PHP

Menampilkan Gambar dengan PHP

1. Siapkan database dengan nama "db_tutorial" dengan nama tabel "tb_siswa" berikut atributnya yaitu id, foto, nama secara berurut. Sehingga terbentuk seperti pada gambar di bawah ini:

Sebagaimana nama foto pada tabel database di atas, maka kita harus menyipakan file foto tersebut dengan nama yang sama dengan nama di tabel database. Foto ini adalah gambar yang akan kita tampilkan ke halaman web.

2. Siapkan folder direktori htdocs dengan nama "tampil-gambar". Misal \xampp\htdocs\tampil-gambar\, atau silahkan sesuka hati Anda.

Tulis script PHP berikut pada text editor, sehingga cara menampilkan gambar dengan script php pada halaman html dapat dilanjutkan. kemudian simpan ke dalam folder "tampil-gambar" tadi dengan nama index.php

<html>
<head>
	<title>Tutorial Cara Menampilkan Gambar Dengan Script PHP</title>
</head>
<body>
	<h2>Menampilkan Gambar Foto Siswa Dengan PHP</h2>
	<?php
		$Open = mysql_connect("localhost","root","");
		if (!$Open){
			die ("Koneksi ke Engine MySQL Gagal !<br>");
		}
		$Koneksi = mysql_select_db("db_tutorial");
		if (!$Koneksi){
			die ("Koneksi ke Database Gagal !");
		}
	?>
	<p>Data Siswa</p>
	<hr/>
	<table border="1">
			<tr>
				<td width="20">No</td>
				<td width="80">Foto Siswa</td>
				<td width="120">Nama</td>
			</tr>
			<?php
				$no=0;
				$query	=mysql_query("SELECT * FROM tb_siswa");
				while ($data	=mysql_fetch_array($query)){
				$no++
			?>
			<tr>
				<td><?php echo $no?></td>
				<td align="center"><?php echo "<img src='img/$data[foto]' width='70' height='90' />";?></td>
				<td><?php echo $data['nama']?></td>
			</tr>
			<?php
				}
			?>
	</table>
</body>
</html>

Sebagaimana source code cara menampilkan gambar dengan script php di atas, terdapat source /img/ yang berisi file gambar yang akan ditampilkan. Kemudian nama gambar tersebut didefinisikan seperti nama foto yang terdapat pada tabel database. Jika nilai $data[foto] sama dengan nama file di folder /img/, maka file gambar tersebut akan ditampilkan.

3. Jalankan script PHP di atas pada web browser dengan akses url "localhost/tampil-gambar". Maka akan tampil halaman seperti gambar di bawah ini.

Inti dari cara menampilkan gambar dengan script php adalah pada akses ke aset /img/ dengan kesamaan nama file gambar $data[foto]. Yaitu pada script PHP berikut;

<?php echo "<img src='img/$data[foto]' width='70' height='90' />";?>

Tutorial Cara Menampilkan Gambar Dengan Script PHP

Download Script Tampil Gambar PHP

Sekian penjelasan tentang bagaimana cara menampilkan gambar dengan script php dalam bentuk tabel berisi gambar foto dan nama dari database. Untuk mendapatkan source codenya Anda dapat langsung mendownload melalui link di atas, jika link download tidak aktif atau error mohon hubungi kami melalui SMS atau email atau melalui form komentar dan obrolan. Semoga dapat membantu.

Baca juga :

Cara Menampilkan Gambar Dengan Script PHP

Tags: cara menampilkan gambar di php, menampilkan gambar dengan php, tampil gambar dengan php, script menampilkan gambar, cara menampilkan gambar dengan script php

Cara Menampilkan Gambar Dengan Script PHP

Cara Menampilkan Gambar Dengan Script PHP

Cara Menampilkan Gambar Dengan Script PHP

Tutorial Cara Menampilkan Gambar Dengan Script PHP

Cara Menampilkan Gambar Dengan Script PHP

Reliable

Advertise

Archive

Payment & Donation

Live Chat