Cara Membuat Menu Dropdown Download Images Dinamis PHP MySQL

Hallo sobat program, bertemu lagi dengan saya Rizal dan masih diwebsite Dumetschool. Di kesempatan kali ini saya akan membahas mengenai Cara Membangun Fitur Dropdown Unduh Images Dinamis PHP MySQL. Dipembahasan ini adalah lanjutan dari pembahasan kita yang sebelumnya mengenai membangun menu dropdown download images.

Oke seketika saja kita mulai pembahasannya, langkah pertama-tama teman-teman bikin terlebih dahulu table databasenya. Disini saya membangun table database dengan nama tb_images lalu dengan struktur seperti di contoh dibawah ini :

Oke langkah berikutnya, teman-teman bikin folder didalam htdocs dan silahkan siapkan 4 buah file gambar bebas terserah teman-teman dan file index.php diletakan didalam folder yang tadi dibangun. Contohnya seperti di dibawah ini :

Cara Membangun Fitur Dropdown Unduh Images Dinamis PHP MySQL

Sekiranya telah, langkah berikutnya insert dulu gambarnya kedalam table data yang tadi kita bikin dan sesuaikan dengan nama file gambar teman-teman. Sekiranya telah karenanya hasilnya akan menjadi seperti dibawah ini :

Oke kalau telah, langkah terakhir buka file index.php lalu ketikan kode berikut ini didalamnya.

<?php </p>
<p>	$conn = mysqli_connect(‘localhost’,’root’,”,’test’);<br />
	if(!$conn){<br />
		echo “gagal”;<br />
	}</p>
<p>	$sql = mysqli_query($conn,”SELECT * FROM tb_images”);<br />
?><br />
<!DOCTYPE html><br />
<head><br />
	<meta charset=”UTF-8″><br />
	<title>Fitur Dropdown Unduh Images</title><br />
	<style><br />
	*{margin:0; padding: 0}<br />
	fitur{margin:20px auto;width: 600px;height:50px;}<br />
	fitur ul{list-style:none;}<br />
	fitur ul li{float: left;width: 20%;line-height: 50px;text-align:center;position: relative;top:0;left: 0}<br />
	fitur ul li a{background:#34495e;color:white;display: block;text-decoration: none;}<br />
	fitur ul li a:hover{background:#95a5a6;}<br />
	fitur ul ul {display: none;margin-top: 2px;}<br />
	fitur ul li:hover ul {display: block;}<br />
	fitur ul ul li {width: 160px;background: lightgreen;}<br />
	fitur ul ul li p {background: grey;}<br />
	fitur ul ul li a{display: inline;background: none;}<br />
	fitur ul ul li a:hover {background:none;color:#c0392b;}<br />
	fitur ul ul li img{position: relative;top: 15px;}<br />
	</style><br />
</head><br />
<body><br />
	<fitur><br />
		<ul><br />
			<li><a href=””>File Gambar</a><br />
				<ul><br />
				<?php<br />
					$no = 1;<br />
					while($row = mysqli_fetch_array($sql)) ?><br />
				</ul><br />
			</li><br />
		</ul><br />
	</fitur><br />
</body><br />
</html>

<?php

$conn = mysqli_connect(‘localhost’,‘root’,”,‘test’);

if(!$conn){

echo “gagal”;

}

$sql = mysqli_query($conn,“SELECT * FROM tb_images”);

<!DOCTYPE html>

<head>

<title>Fitur Dropdown Unduh Images</title>

<style>

*{margin:0; padding: 0}

fitur{margin:20px auto;width: 600px;height:50px;}

fitur ul{list-style:none;}

fitur ul li{float: left;width: 20%;line-height: 50px;text-align:center;position: relative;top:0;left: 0}

fitur ul li a{background:#34495e;color:white;display: block;text-decoration: none;}

fitur ul li a:hover{background:#95a5a6;}

fitur ul ul {display: none;margin-top: 2px;}

fitur ul li:hover ul {display: block;}

fitur ul ul li {width: 160px;background: lightgreen;}

fitur ul ul li p {background: grey;}

fitur ul ul li a{display: inline;background: none;}

fitur ul ul li a:hover {background:none;color:#c0392b;}

fitur ul ul li img{position: relative;top: 15px;}

</style>

</head>

<body>

<fitur>

<ul>

<li><a href=“”>File Gambar</a>

<ul>

<?php

$no = 1;

while($row = mysqli_fetch_array($sql))

<a href=“<?php echo $row[‘gambar’]?>“ unduh>Unduh</a>

</p>

<hr>

</li>

<?php $no++; ?>

</ul>

</li>

(Visited 17 times, 1 visits today)

Leave a Reply Cancel reply