Tutorial 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>

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>