Tuesday, February 27, 2018

Update dan Hapus Foto/Gambar pada Database MySQL dengan Program PHP

Di pembahasan yang lalu kita udah bahas cara upload Gambar dengan program PHP, sekarang kita balik lagi nih dengan pembahasan yang baru yaitu bagaimana cara Update dan Hapus gambar yang telah tersimpan di Database MySQL dengan menggunakan program PHP.
Baca : Script PHP upload dan Simpan gambar di database mysql
Langsung aja kita mulai. Anggap saja kita sudah punya database dan tabel beserta dengan isinya seperti pada gambar berikut :



Jalankan Aplikasi Web Editor kamu, kemudian buat script untuk menampilkan gambar terlebih dahulu. buat file baru kemudian ketikkan script berikut ini:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Menampilkan Gambar</title>
</head>

<body>
<table width="70%" border="1" cellpadding="4" cellspacing="4" align="center">
<tr>
    <th>ID</th>
    <th>FOTO</th>
    <th>KETERANGAN</th>
    <th colspan="3">AKSI</th>
</tr>
<?php
mysql_connect("localhost","root","");
mysql_select_db("kebun");
$sql=mysql_query("SELECT * FROM bunga");
while ($data=mysql_fetch_array($sql)){
?>
<tr>
    <td><?=$data['id']?></td>
    <td><?="<img src='image/".$data['foto']."'style='width:200px; height:100px;'>"?></td>
    <td><?=$data['keterangan']?></td>
    <td><a href="edit.php?id=<?=$data['id']?>" style="background-color:#009900; border-radius:50px; padding:5px; text-decoration:none; color:#FFFFFF;">Edit</a></td>
    <td><a href="hapus?id=<?=$data['id']?>" style="background-color:#009900; border-radius:50px; padding:5px; text-decoration:none; color:#FFFFFF;">Hapus</a></td>
</tr>
<?php }?>
</table>
</body>
</html>

Simpan file dengan nama tampil.php kemudian simpan di C:\xampp\htdocs\websiteku.
Kemudian kita akan membuat program yang berfungsi untuk melakukan update foto pada database. buat file baru, kemudian ketikkan kode program dibawah ini. lalu simpand engan nama edit.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Edit Data</title>
</head>
<?php
mysql_connectundefined"localhost","root","");
mysql_select_dbundefined"kebun");
$id=$_GET['id'];
$sql=mysql_queryundefined"SELECT * FROM bunga WHERE id=$id");
while undefined$data=mysql_fetch_arrayundefined$sql)){
?>
<body>
<form action="" method="post" enctype="multipart/form-data">
<table width="50%" border="0" cellpadding="4" cellspacing="4">
<tr>
    <th colspan="3" align="center">EDIT DATA</th>
</tr>
<tr>
    <td>ID</td>
    <td>:</td>
    <td><input type="text" name="id" id="id" value="<?=$data['id']?>"/></td>
</tr>
<tr>
    <td>Foto</td>
    <td>:</td>
    <td><input type="hidden" name="y" id="y" value="<?=$data['foto']?>" /><?="<img src='image/".$data['foto']."'style='width:50px; height:50px;'>"?><input type="file" name="foto" id="foto" /></td>
</tr>
<tr>
    <td>Keterangan</td>
    <td>:</td>
    <td><textarea name="keterangan" id="keterangan" cols="45" rows="5"><?=$data['keterangan']?></textarea></td>
</tr>
<tr>
    <td colspan="3"><input type="submit" name="update" id="update" value="Update" /></td>
</tr>
<?php }?>
</table>
</form>
</body>
</html>
<?php
if (isset($_POST['update'])){
mysql_connect("localhost","root","");
mysql_select_db("kebun");
    $y=$_POST['y'];
    $foto=$_FILES['foto']['tmp_name'];
    $foto_name =$_FILES['foto']['name'];
    $acak= rand(1,99);
    $tujuan_foto = $acak.$foto_name;
    $tempat_foto ='image/'.$tujuan_foto;
    $id=$_POST['id'];
    $keterangan=$_POST['keterangan'];
    if (!$foto==""){
 $buat_foto=$tujuan_foto;
 $d = 'image/'.$y;
 @unlink ("$d");
 copy ($foto,$tempat_foto);
    }else{
 $buat_foto=$y;
    }
    $sql=mysql_query("UPDATE bunga SET foto='$buat_foto', keterangan='$keterangan' WHERE id='$id'");
    if ($sql){
        ?>
        <script language="javascript">
 alert("Berhasil Mengupdate Gambar")
 </script>
        <?php 
    }
    echo "<meta http-equiv='refresh' content='0;tampil.php'>";
}
?>

Setelah itu jalankan program tampil.php, maka akan tampil seperti gambar berikut ini.


Kamudian untuk mengedit gambar maupun keterangan, klik link edit di sebelah kanan, maka akan beralih ke halaman pengeditan edit.php.

Untuk mengubah gambar, klik tombol Browse, kemudian pilih gambar, lalu klik tombol Update. Kita telah berhasil melakukan pengeditan Gambar, dan hasilnya seperti gambar dibawah :



Kamudian kita lanjut ke tahap selanjutnya yaitu Menghapus foto dari database. yaitu buat file baru, kemudian ketikkan kode program berikut ini dan simpan dengan nama hapus.php.

<?php
mysql_connect("localhost","root","");
mysql_select_db("kebun");
$id=$_GET['id'];
$foto=$_GET['foto'];
$sql=mysql_query("DELETE FROM bunga WHERE id='$id'");
if ($sql){
    unlink("image/".$_GET['foto']);
    ?>
    <script language="javascript">
    alert("Gambar sudah terhapus")
    </script>
    <?php 
 echo "<meta http-equiv='refresh' content='0;tampil.php'>";
}
else{
    ?>
    <script language="javascript">
    alert("Query gagal!!!")
    self.history.back()
    </script>
    <?php 
}
?>

Itu dia pembahasan kita mengenai Update dan Hapus gambar/foto dengan Program PHP, Semoga bermanfaat.

3 comments:

  1. This comment has been removed by the author.

    ReplyDelete
  2. sore kak, saya mengunjungi halaman blog anda, membahas mengedit gambar dari database, cuman setelah saya ikuti semua tutorial codesnya dan setelah mencoba mengimplementasikannya sendiri malah ada kejanggalan, bukan karena error namun gambar malah terhapus dari database dan tidak tergantikan dengan gambar yang seharusnya di update, gambar juga tidak masuk ke folder yg sudah saya arahkan sebagai penyimpanan gambar, alhasil database kosong tidak muncul gambar, makasih kak, mohon bantuannya, untuk codes sudah saya periksa secara jelih dan teliti cuman mungkin ada yang salah namun saya tidak tau dimana ltk kesalahannya🙏🙏🙏

    ReplyDelete
  3. apakah saya bisa mengirim file codes saya, untuk bisa dibantu pembuatan edit picture? makasih, jika bisa, apakah ada email yang bisa saya tuju untuk mengirim kan filenya, atau kontak seperti no wa

    ReplyDelete

Video Tutorial

Followers