Cara Menyimpan dan Menampilkan Gambar Dengan PHP/MySQL
Assalamu’alaikum Wr. Wb
Salam NewGen, kali ini saya akan share tentang cara menyimpan dan menampilkan gambar dengan PHP, ok langsung saja cara-caranya sebagai berikut.
Pertama kita buat terlebih dahulu databasenya di MySQL disini saya membuat db_latihan dan tabelnya tb_gambar
Field judul_gambar (Varchar(30)), nama_file(Varchar(50))
Setelah kita buat database dan tabelnya kita buat folder di C:\xampp\htdocs\ disini saya buat dengan nama folder BelajarPHP dan didalam folder BelajarPHP tersebut kita buat juga folder baru fungsinya untuk tempat penyimpanan gambar yang kita simpan nanti.
Kemudian kita buat file-file phpnya
Lat_simpan_gambar.php
Coding :
<html>
<body>
<form action="simpan_gambar.php" method="post" enctype="multipart/form-data" name="FUpload" id="FUpload">
<p>Judul Gambar :
<input name="judul_gambar" type="text" id="judul_gambar" size="30" maxlength="30" />
</p>
<p>File Gambar :
<input name="nama_file" type="file" id="nama_file" size="30" />
</p>
<p><input type="submit" name="btnSimpan" id="btnSimpan" value="Simpan" /></p>
</form>
</body>
</html>
Design :
Simpan di folder yang kita tadi buat “BelajarPHP” simpan dengan nama Lat_simpan_gambar.php
simpan_gambar.php
Coding :
<html>
<body>
<?php
$namafolder="gambar/"; //tempat menyimpan file
$con=mysql_connect("localhost","root","") or die("Gagal");
mysql_select_db("db_latihan") or die("Gagal");
if (!empty($_FILES["nama_file"]["tmp_name"]))
{
$jenis_gambar=$_FILES['nama_file']['type'];
$judul_gambar=$_POST['judul_gambar'];
if($jenis_gambar=="image/jpeg" || $jenis_gambar=="image/jpg" || $jenis_gambar=="image/gif" ||$jenis_gambar=="image/x-png")
{
$gambar = $namafolder . basename($_FILES['nama_file']['name']);
if (move_uploaded_file($_FILES['nama_file']['tmp_name'], $gambar)) {
echo "Gambar berhasil dikirim ".$gambar;
$sql="insert into tb_gambar (judul_gambar,nama_file) values ('$judul_gambar','$gambar')";
$res=mysql_query($sql) or die (mysql_error());
} else {
echo "Gambar gagal dikirim";
}
} else {
echo "Jenis gambar yang anda kirim salah. Harus .jpg";
}
} else {
echo "Anda belum memilih gambar";
}
?>
</body>
</html><html>
<body>
<p>
<?php
$namafolder="gambar/"; //tempat menyimpan file
$con=mysql_connect("localhost","root","") or die("Gagal");
mysql_select_db("db_latihan") or die("Gagal");
if (!empty($_FILES["nama_file"]["tmp_name"]))
{
$jenis_gambar=$_FILES['nama_file']['type'];
$judul_gambar=$_POST['judul_gambar'];
if($jenis_gambar=="image/jpeg" || $jenis_gambar=="image/jpg" || $jenis_gambar=="image/gif" ||$jenis_gambar=="image/x-png")
{
$gambar = $namafolder . basename($_FILES['nama_file']['name']);
if (move_uploaded_file($_FILES['nama_file']['tmp_name'], $gambar)) {
echo "Gambar berhasil dikirim ke".$gambar;
$sql="insert into tb_gambar (judul_gambar,nama_file) values ('$judul_gambar','$gambar')";
$res=mysql_query($sql) or die (mysql_error());
} else {
echo "Gambar gagal dikirim";
}
} else {
echo "Jenis gambar yang anda kirim salah. Harus .jpg";
}
} else {
echo "Anda belum memilih gambar";
}
?>
</p>
<p>Lihat gambar <a href="tampil_gambar.php">DISINI</a></p>
</body>
</html>
Simpan dengan nama simpan_gambar.php di folder yang sama “BelajarPHP”
tampil_gambar.php
Coding :
<html>
<body>
<p>
<?php
//Masukkan koneksi database disini
$namafolder="gambar/"; //tempat menyimpan file
$con=mysql_connect("localhost","root","") or die("Gagal");
mysql_select_db("db_latihan") or die("Gagal");
$datatamu = mysql_query("select judul_gambar,nama_file from tb_gambar order by judul_gambar asc;") or die("Gagal :".mysql_error());
echo '<table width="400" align="center" border="1">';
echo '<tr>';
echo '<th>Judul Gambar</th>';
echo '<th>Gambar</th>';
echo '</tr>';
while ($rec=mysql_fetch_object($datatamu))
{
echo '<tr>';
echo '<td>'.$rec->judul_gambar.'</td>';
echo '<td>';
//ini bagian memanggil file gambar
echo '<img src="'.$rec->nama_file.'" alt="'.$rec->judul_gambar.'" title="'.$rec->judul_gambar.'" width="100" />';
echo '</td>';
echo '</tr>';
}
echo '</table>';
mysql_close();//tutup koneksi database
?>
</p>
<p><a href="Lat_simpan_gambar.php"><< Kembali</a></p>
</body>
</html>
Simpan dengan nama tampil_gambar.php
Selesai... selanjutnya kita coba dan jalankan di browser kalian masukkan alamat “http://localhost/BelajarPHP/lat_simpan_gambar.php” tanpa kutip
Kalian bisa download juga sourcode yang sudah jadinya Disini
Semoga bermanfaat, Salam NewGen...
Wassalamu’alaikum Wr. Wb
Tidak ada komentar:
Posting Komentar