Membuat Upload & Delete Mengunakan PHP dan MYSQL


Dari gambar di atas kita bisa lihat tampilan sebuah situs dengan jendela menampilkan data gambar, ada tombol upload gambar juga dan kita akan diberikan akses untuk delete file. Kalian bisa mencoba untuk melakukan demo upload dan delete gambar di halaman. Pada kesempatan kali ini saya ingin menulis artikel tentang pembuatan aplikasi upload dan delete data gambar di server yang saya buat bbrapa waktu lalu. selain artikel ini bisa membantu teman-teman yang belajar php, saya juga bisa melihat kembali catatan di artikel ini jika saya lupa hehehe….
Lanjut ke pembahasan yaa.. yang perlu dipersiapkan untuk membuat project ini adalah sebagai berikut :
  • web server (xampp / hosting+domain),
  • text editor ( sublime text / visual studio code / notepad ),
  • browser bawaan (mozila firefox / chrome dll),
  • jangan lupa laptop/komputer hehehe.
Untuk persiapan pembuatan project kali ini sudah beres ya, sekarang kita siapkan folder dan file.
  • Buat folder dengan nama “file”,
  • buat 4 file dengan nama “index.php” , “koneksi.php”, “form_upload.php” , “delete_gambar.php”. Lihat gambar berikut:
jangan lupa jalankan dulu xampp bagi kalian yang menggunakan xampp, dan buat folder di halam htdocs/upload. (folder “files” dan 4 file lain berada di dalamnya) folder “files” berguna untuk menyimpan gambar yang kita upload nantinya.
Kita akan mulai dengan menulis kode untuk “index.php”, kalian bisa copy kode dibawah ini:

<?php
include('koneksi.php');
$query = mysqli_query($koneksi,"SELECT * FROM tb_gambar");
?>
<html>
<head>
<title>upload | coba</title>
</head>
<body>
<button> <a href="form_upload.php">Upload Gambar</a></button>
<table border="1">
<tr>
<th>No</th>
<th>Gambar</th>
<th>Keterangan</th>
<th>Type</th>
<th>Ukuran</th>
<th>Action</th>
</tr>
<?php
$no = 1;
while($row = mysqli_fetch_array($query))
{
?>
<tr>
<td><?php echo $no++; ?></td>
<td><img src="files/<?php echo $row['gambar']; ?>" width="100"/></td>
<td><?php echo $row['keterangan']; ?></td>
<td><?php echo $row['tipe_gambar']; ?></td>
<td><?php echo $row['ukuran_gambar']; ?></td>
<td><a href="delete_gambar.php?id_gambar=<?php echo $row['id_gambar']; ?>">Delete</a></td>
</tr>
<?php
}
?>
</table>
</body>
</html>

kemudian kita masukan kode ke bagian “koneksi.php

<?php
$host = "localhost";
$user = "root";
$password = "";
$database = "db_upload";
$koneksi = mysqli_connect($host, $user, $password, $database);
?>

pada script diatas kita asumsikan menggunakan xampp jika kalian menggunakan web server atau hosting pasti akan berbeda pengaturan dan cara pembuatan tabel mysql nya. Jika ada kendala dalam pembuatan database dan koneksi database silahkan untuk bertanya melalui komentar ya… :) .

Selanjutnya kita masukan script untuk “form_upload.php

<?php
include('koneksi.php');
if(isset($_POST['tombol']))
{
$temp = $_FILES['gambar']['tmp_name'];
$name = rand(0,9999).$_FILES['gambar']['name'];
$size = $_FILES['gambar']['size'];
$type = $_FILES['gambar']['type'];
$keterangan = $_POST['keterangan'];
$folder = "files/";
if ($size < 3048000 and ($type =='image/png' or $type == 'image/jpeg')) {
move_uploaded_file($temp, $folder . $name);
mysqli_query($koneksi, "insert into tb_gambar (gambar,keterangan,tipe_gambar,ukuran_gambar) values ('$name','$keterangan','$type','$size')");
header('location:index.php/');
}else{
echo "<b>Gagal Upload File</b>";
}
}
?>
<html>
<head>
<title></title>
</head>
<body>
<form method="post" action="" enctype="multipart/form-data">
<table>
<tr>
<td>Gambar</td>
<td><input type="file" name="gambar"/></td>
</tr>
<tr>
<td>Keterangan</td>
<td><textarea name="keterangan"></textarea></td>
</tr>
<tr>
<td></td>
<td><button type="submit" name="tombol" />Upload</button></td>

</tr>
</table>
<button class="btn first" ><a href="index.php">View</a></button>
</form>
</body>
</html>

untuk yang terakhir kita masukan script ke “delete_gambar.php

<?php
if(isset($_GET['id_gambar']))
{
include('koneksi.php');
$id_gambar = $_GET['id_gambar'];
$query = mysqli_query($koneksi,"select * from tb_gambar where id_gambar='$id_gambar'");
$data_gambar = $query->fetch_array();

$query_hapus = mysqli_query($koneksi,"delete from tb_gambar where id_gambar='$id_gambar'");
unlink('files/'.$data_gambar['gambar']);
header('location:index.php');
}
else
{
header('location:index.php');
}
?>

pada tahap ini kita sudah selesai membuat struktur program untuk upload dan delete gambar menggunakan php dan mysql. Sekarang kita bisa cek di browser masing-masing dengan mengetikan “localhost/upload” tanpa tanda kutip ya hehehe.. maka akan tampil sperti gambar di awal artikel ini. Jika kalian mengalami error pada salahsatu script kalian bisa memeriksa lagi dengan script yang saya tulis ini. Program sederhana ini adalah dasar untuk membuat sebuah basis data yang nantinya bisa diterapkan di website untuk keperluan yang lebih luas lagi, seperti pembuatan aplikasi Sistem Informasi data Siswa, Sistem Informasi data Penduduk, Sistem Informasi data Mahasiswa dan masih banyak lagi pengembangan untuk palikasi berbasis online lain nya.
Kalian juga bisa mendownload semua file projectnya kemudian kalian letakan di folder htdocs , kemudian jalankan di browser dengan ketik “localhost/upload/” tanpa tanda kutip ya.. oh iya sedikit bocoran saja ya sya saat ini sedang membuat aplikasi untuk laporan kegiatan berbasis online, aplikasi ini nantinya akan digunakan untuk desa melakukan laporan kegiatan kepada kecamatan,inspektorat khusunya untuk anggaran yang bersumber dari Dana Desa. Aplikasi ini memiliki cara kerja yang sangat sederhana dan mudah untuk dikelola. Cara kerjanya seperti ini :
misal kita akan buat aplikasi ini dengan nama “SIMontoK” (Sistem Informasi Monitoring Kegiatan) maka langkah pertama kita buat dulu url untuk mengakses aplikasi tersebut. Disini saya akan menggunakan subdomain “simontok.terasweb.com”, kemudian kita akan bahas semua komponen di artikel selanjutnya ya hehehe…
kesimpulannya begini:
url “simontok.terasweb.com” bisa diakses oleh kecamatan dan inpektorat dengan username dan login tentunya. Masing masing bisa melihat dan memeriksa kegiatan DD khususnya yang ada di desa-desa. Ketika desa selesai melaksanakan kegiatan maka jika sudah selesai harus di upload file lpj dalam bentuk scan pdf nya untuk diperiksa oleh kecamatan dan inspektorat. Jika terdapat kesalahan maka pihak kecamatan atau inspektorat harus segera membeikan arahan untuk memperbaiki kesalahan yang ada. Jika proses ini sudah ditempuh, maka pihak kecamatan dan inspektorat bisa langsung cek fisik di lapangan serta memberikan pembinaan kepada desa sehubungan dengan kegiatan yang telah dilakukan. Dengan cara seperti ini maka penyerapan anggaran Dana Desa dari pemerintah pusat akan lebih maksimal dan tepat sasaran. Di era yang sudah digital ini sudah tidak lagi ada yang disembunyikan apalagi menyangkut dengan kepentingan umum dan lingkungan. Semoga bermanfaat terimaksih…...

Komentar

Postingan populer dari blog ini

Trik Sederhana Membuat Internet Menjadi Murah

Membuat Aplikasi Login Sederhana PHP mysqli

SITU GARUNGAN DESA BUNGUR RAYA - LANGKAPLANCAR - PANGANDARAN