Aplikasi Upload Foto Sederhana Menggunakan PHP & MySQLi

Aplikasi Upload Foto Sederhana

Aplikasi Upload Foto Sederhana Menggunakan PHP & MySQLi | Hampir setiap aplikasi yang kita temui saat ini selalu di lengkapi dengan fitur upload foto atau gambar, misalnya seperti facebook, instagram, twitter dan lainnya.. sebagai seorang programmer atau pengembang, sudah sepatutnya kita juga menyediakan fitur ini untuk melengkapi aplikasi buatan kita..

Nah, disini kita akan menccoba membuat Aplikasi Upload Foto Sederhana Menggunakan PHP & MySQLi, yang selanjut nya bisa di terapkan atau di kembangkan lebih baik lagi pada aplikasi yang sedang anda kerjakan saat ini..

Proses pembuatan dan penggunaannya sangat sederhana, yaitu kita akan menyediakan halaman utama atau index.php, form dan action..

berikut gambaran nya..

Susunan File

Untuk file style nya berisi css dan jquery, sudah saya sediakan di sini
Dan untuk persiapan lainnya adalah kita buat dulu database nya sesuai dengan query di bawah ini..



selanjutnya buat file koneksi.php



Saat  pertama kali di akse kita akan redirect ke halaman utama yang akan menampilkan beberaapa gambar/foto yang sudah di upload, Nah.. kita buat halamannya dengan nama index.php berikut scriptnya..



dan saat di jalankan akan terlihat seperti di bawah ini :

Halaman utama menampilkan foto upload

Sebelum klik tombol upload foto, kita siapkan dulu form uploadnya, buatlah dengan nama form.php dengan script di bawah ini :



Dan simpan, Coba klik tombol upload foto, dan akan di arahkan ke form upload seperti ini

Form upload foto

Selanjutnya kita akan buat file aksi simpan dengan nama input.php, berikut scriptnya..



Dalam file Aksi ini kita akan buat beberapa rules untuk alasan keamanan, saat form file kosong atau type file bukan jpg/png maka akan ada pemberitahuan Gagal upload yang menyatakan bahwa extensi file tidak di izinkan..

Pemberitahuan Upload gagal

Sebaliknya jika sukses upload maka akan ada pemberitahuan, Upload success.. Yang menyatakan Foto berhasil di simpan

Pemberitahuaan Upload Foto Berhasil

Nah.. terakhir kita tambah kan fitur hapus, buat file dengan nama hapus.php.. dengan script berikut..



Dalam fungsi hapus ini sedikit berbeda dengan fungsi hapus pada tutorial sebelumnya, karena kita tidak hanya menghapus data yang ada di database, alurnya cukup sederhana, jika di dalam folder file foto terdapat file dengan nama dan id nya di ambil dari link hapus maka fungsi hapus akan di jalankan, kemudian dilanjutkan dengan menghapus data yang ada di database..

Mudahkan.. Hasil akhir Aplikasi Upload Foto Sederhana Menggunakan PHP & MySQLi ini bisa di coba melalui link demo di bawah beserta source code lengkapnya yang bisa di download melalui link download di bawah :

Demo | Download


Semoga bermanfaat yah...

4 Responses to "Aplikasi Upload Foto Sederhana Menggunakan PHP & MySQLi"

  1. Kalau gambar nya tidak tampill gimana ya

    ReplyDelete
    Replies
    1. pastikan struktur foldernya persis sperti di atas

      Delete
  2. Mantapp banget nihh ini yg ane cari source code nya juga rapih... Izin comot bang,sukses terus

    ReplyDelete
  3. Untuk hapus bisa di ganti dengan download ga? Kalo bisa tutorialnya dong.

    ReplyDelete