Cara menggunakan index php image

Saya akan coba berbagi bagaimana membuat upload gambar dengan pemograman PHP dan database MySQL. Pada catatan kali ini, saya membatasi gambar yang bisa diuploadnya hanya png dan jpg. Jadi selain gambar png dan jpg, maka nanti akan muncul pesan error. Selain itu, saya juga membatasi ukuran gambar nya yaitu maksimal 1MB. Langsung saja ikuti langkah-langkah berikut ini:

INFO:
Catatan ini sudah saya update. sebelumnya tutorial ini menggunakan MySQL Functions seperti mysql_connect, mysql_query, dan lain-lain. Tapi karena fungsi tersebut sudah deprecated di PHP versi 5.5. jadi telah saya update jadi menggunakan MySQLi Functions seperti mysqli_connect, mysqli_query, dan lain-lain.

DEMO
Sebelum membaca tutorialnya, mungkin ada yang mau lihat demonya terlebih dahulu. Klik link berikut untuk melihat demonya : Lihat Demo.

STEP 1 – PERSIAPAN

1. Buat sebuah folder dengan nama latihan_upload, lalu simpan pada folder xampp/htdocs/
2. Buat lagi sebuah folder dengan nama images, lalu simpan di folder xampp/htdocs/latihan_upload/

STEP 2 – DATABASE
Pada step ini, kita akan membuat databasenya. ikuti langkah-langkah berikut ini :

1. Buat sebuah database dengan nama latihan
2. Buat sebuah tabel dengan nama gambar. Struktur tabelnya sebagai berikut :
   

   CREATE TABLE IF NOT EXISTS `gambar` [
     `id` int[11] NOT NULL AUTO_INCREMENT,
     `nama` varchar[100] NOT NULL,
     `ukuran` int[11] NOT NULL,
     `tipe` varchar[20] NOT NULL,
     PRIMARY KEY [`id`]
   ] ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;

STEP 3 – BUAT KONEKSI DATABASE
Pada step ini, kita akan membuat file koneksi.php yang berfungsi untuk menghubungkan dengan database MySQL. Simpan pada folder xampp/htdocs/latihan_upload/. Berikut ini kodenya :

STEP 4 – BUAT FORM UPLOAD
Pada step ini, kita akan membuat sebuah file dengan nama fom.php yang berfungsi sebagai tampilan form uploadnya. Simpan pada folder xampp/htdocs/latihan_upload/. Berikut ini tampilan dan kodenya :

  Form Upload Gambar


  
Form Upload Gambar
  
    
    
  

STEP 5 – BUAT PROSES UPLOAD
Sekarang, kita akan membuat file upload.php yang berfungsi untuk memproses upload gambarnya. Simpan pada folder xampp/htdocs/latihan_upload/. Berikut ini kodenya :