Langsung ke konten utama

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 DEMO ULOAD GAMBAR . 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 DISINI..!! 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

Aplikasi Sistem Informasi Data Kependudukan ( SIDAK ) GRATISS!!

  Aplikasi Sistem Informasi Data Kependudukan digunakan untuk mengelola data penduduk di lingkup dalam satu Desa. aplikasi ini dibuat dengan open source yang artinya gratis untuk digunakan dan dikembangkan oleh user dan atau oleh pelajar /mahasiswa ataupun guru dan dosen sebagai bahan ajar. aplikasi ini bisa di download gratis link download ada di bawah ini:  Aplikasi : Download disini... Database : Download disini...  Setelah file nya di download kemudian ekstrak seperti biasa dan simpang ke file htdoc untuk aplikasiny dan untuk database import ke server di phpMyadmin kalian yaaa.. untuk login : username :  admin password  : admin Video Tutorial review di bawah ini:

Aplikasi Sistem Informasi Tabungan Siswa (GRATISS!!)

  eTABS singkatan dari Elektronik Tabungan Siswa adalah aplikasi yang akan memudahkan pekerjaan para guru atau staff yang membidangi pengelolaan tabungan siswa di sekolah. aplikasi ini memberikan kemudahan dalam hal pencatatan tabungan meliputi setoran dan penarikan serta info saldo baik itu masing masing siswa atau info kas total. Aplikasi ini gratis dan bebas untuk di downloads serta di modifikasi untuk dikembangkan penggunaan nya. bagi yang ingin mendownload aplikasi nya silahkan menggunakan link di bawah ini : LINK DOWNLOAD Aplikasi  : Download disini... untuk login  aplikasi : username : admin password  : admin Untuk cara pemasangan dan penggunaan aplikasi ini sudah saya jelaskan di video channel youtube saya ya... dan lagi aplikasi ini benar-benar gratis agar bisa digunakan untuk keperluan sekolah baik itu digunakan oleh guru ataupun untuk dikembangkan lagi sebagai bahan pembelajaran dll.  Untuk video cara instalasi dan penggunaan bisa di lihat di bawah ini : semoga aplikas

Membuat Aplikasi Login Sederhana PHP mysqli

Assalamu'alaikum, apa kabar teman teman semua? kali ini saya akan membuat sebuah aplikasi berbasiskan web menggunakan PHP dan mysqli, yaitu membuat login sederhana. aplikasi ini berguna untuk mengidentifikasi pengguna pada suatu halaman website tertentu yang tidak bisa semua orang dapat mengaksesnya. pada artikel kali ini saya tidak akan menampilkan tekhnis coding yang panjang, tapi saya akan memberikan script atau code PHP dan database yang sudah jadi atau tinggal pakai, jika teman teman ingin mempelajarinya bisa buka file nya di teks editor kesayangan teman teman semua ya. yang perlu kita siapkan disini adalah kode editor dan local server, saya menggunakan sublime teks sebagai kode editornya dan menggunakan XAMPP sebagai server local. Berikut adalah contoh Demo dari aplikasi login sederhana ini, teman teman bisa login menggunakan data berikut : Username : admin Password  : admin123 Halaman demo aplikasi ada di http://prodeskel.id/login/ Aplikasi ini terdiri da