Pembuatan Form Pendaftaran Dilengkapi Upload File Image/Foto Ke Database Dengan Dreamweaver

Dalam Menampilkan Data Member, terkadang banyak sekali nama yang sama. Untuk membedakan dan mengenalinya kita memerlukan sebuah foto profil yang dapat ditampilkan. Untuk itu maka saya akan membahas cara mengupload file melalui Form Pendaftaran. Contoh tampilan form pendaftaran seperti yang terlihat di samping:

1. Langkah pertama buatlah database dengan nama SCC.
2. Sintak SQL nya :

CREATE TABLE IF NOT EXISTS `user` (

  `no` int(5) NOT NULL AUTO_INCREMENT,

  `nama` varchar(30) DEFAULT NULL,

  `email` varchar(40) DEFAULT NULL,

  `username` varchar(40) NOT NULL,

  `password` varchar(30) NOT NULL,

  `id_member` int(3) NOT NULL,

  `foto` longblob,

  PRIMARY KEY (`no`),

  KEY `no` (`no`),

  KEY `no_2` (`no`),

  KEY `no_3` (`no`)

) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=56 ;

3. Buatlah dua file Php, dengan nama upload.php dan tampil.php. Dan buat pula skript koneksi.
4. Buat halaman upload.php, kemudian buatlah recordset dengan nama rsUser. Kemudian buatlah insert record melalui Dreamweaver caranya : Insert -> application Objects -> Insert record -> Record Insertion Form wizard.
5. Cari dan ubah sintak CODE pada file upload.php:

if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) {

  $insertSQL = sprintf("INSERT INTO user (`no`, nama, email, username, password, id_member, foto) VALUES (%s, %s, %s, %s, %s, %s, %s)",

    GetSQLValueString($_POST['no'], "int"),

    GetSQLValueString($_POST['nama'], "text"),

    GetSQLValueString($_POST['email'], "text"),

    GetSQLValueString($_POST['username'], "text"),

    GetSQLValueString($_POST['password'], "text"),

    GetSQLValueString($_POST['id_member'], "int"),

             //GetSQLValueString($_POST['foto'], "text"));

 //beri garis miring dua kali atau hapus skript " //GetSQLValueString($_POST['foto'], "text"));" diatas. Kemudian tambahkan Skript berikut:

      GetSQLValueString($foto = $_FILES['foto']['name'], "text"));

  

if (strlen($foto)>0) {

//skript upload file:

if (is_uploaded_file($_FILES['foto']['tmp_name'])) {

// posisi folder penampung foto terletak di dalam folder avatar "avatar/"

move_uploaded_file($_FILES['foto']['tmp_name'], "avatar/" . $foto);

}

  }    

//Skrift Upload Foto Sampai Sini.

6. Buat file Tampil.php, caranya buat recordset dengan nama "rsUser", kemudian buat dinamik tabel dengan dreamweaver. caranya:
    insert ->application object ->Dinamic Data -> Dinamic table.

7. Jadi struktur file dalam Xampp:
htdocs/SCC
                  L
                   Avatar (folder)
                   Upload.php
                   Tampil.php

Tampilan Form Upload File:

.Sekian, semoga bermanfaat.