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
Posting Komentar