Sesi 2

Assalamualaikum Wr. Wb.

Halo gais, di postingan kali saya akan membahas tentang Upload. Seperti biasa, saya akan menjelaskannya dengan metode step by step. Dan selalu ingat jika kalian mempraktikannya, harus dengan apache dan sql yang sudah di nyalakan.

Langsung aja ke step by stepnya aja okeeee.

Step 1
Buat kolom baru di table siswa dengan format seperti di bawah :

Step 2
Buat folder image di folder media untuk menyimpan file uploadnya.

Step 3

Tambahkan kodingan seperti dibawah pada v_tambah.php

<tr> <td><form class="form-horizontal" action="<?= $action ?> " method="post" enctype="multipart/form-data"> <label class="col-sm-2 control-label">Foto</label></td> <td><input type="file" class="form-control" name="foto" value="<?php echo @$listSiswa->file?>" > </form> </td> </tr>

*fungsi kodingan diatas yaitu, untuk menambahkan kolom choose file di pada tampilan tambah data dan edit.

Step 4

Tambahka kodingan seperti di bawah pada v_index.php

<th> <label class="col-sm-2 control-label">Foto</label> <div class="col-sm-6"> <?php if ($listSiswa == "edit") { ?> <img src="<?php echo base_url()?>/media/image/<?php echo @$listSiswa->file ?>"width="80px" alt=""/> <input type="hidden" name="foto" value="<?php echo @$listSiswa->file ?>" /> <?php } ?> </div> </th>

*fungsinya untuk menampilkan kolom Foto di tampilan utama

Hasil di halaman tambah data :

Step 5

Edit file tambah.php seperti contoh di bawah ini :

<?php include 'lib/library.php'; if($_SERVER ['REQUEST_METHOD'] == 'POST') { $nis = $_POST ['nis']; $nama_lengkap = $_POST ['nama_lengkap']; $jenis_kelamin = $_POST ['jenis_kelamin']; $kelas = $_POST ['kelas']; $jurusan = $_POST ['jurusan']; $alamat = $_POST ['alamat']; $golongan_darah = $_POST ['golongan_darah']; $nama_ibu_kandung = $_POST ['nama_ibu_kandung']; $file = $_POST ['file']; $foto = $_FILES ['foto']; if(!empty ($foto) AND $foto['error'] == 0) { $path = './media/image/'; $upload = move_uploaded_file($foto['tmp_name'], $path . $foto['name']); if (!upload) { flash('error', "upload file gagal"); header('loacation:index.php'); } $file = $foto['name']; } $sql = "INSERT INTO siswa (nis, nama_lengkap, jenis_kelamin, kelas, jurusan, alamat, golongan_darah, nama_ibu_kandung, file) VALUES ('$nis','$nama_lengkap','$jenis_kelamin','$kelas','$jurusan','$alamat','$golongan_darah','$nama_ibu_kandung','$file')"; $mysqli->query($sql) or die ($mysqli->error); header('location: index.php'); } include 'views/v_tambah.php'; ?>

Step 6

Tambahka kodingan seperti dibawah ini pada file v_index.php

<td> <img src="<?php echo base_url()?>/media/image/<?php echo $siswa['file'] ?>"width="80px" alt=""/> </td>

Step 7

Edit file edit.php seperti contoh dibawah ini

<?php include 'lib/library.php'; if ($_SERVER['REQUEST_METHOD'] == 'POST') { $nis = $_POST ['nis']; $nama_lengkap = $_POST ['nama_lengkap']; $jenis_kelamin = $_POST ['jenis_kelamin']; $kelas = $_POST ['kelas']; $jurusan = $_POST ['jurusan']; $alamat = $_POST ['alamat']; $golongan_darah = $_POST ['golongan_darah']; $nama_ibu_kandung = $_POST ['nama_ibu_kandung']; $file = $_POST['foto']; $foto = $_FILES['foto']; if(!empty ($foto) AND $foto['error'] == 0){ $path = './media/image/'; $upload = move_uploaded_file($foto['tmp_name'], $path . $foto['name']); if (!upload) { flash('erro', "upload file gagal"); header('loacation:index.php'); } $file = $foto['name']; } $sql = "UPDATE siswa SET nis = '$nis', nama_lengkap = '$nama_lengkap', jenis_kelamin = '$jenis_kelamin', kelas = '$kelas', jurusan = '$jurusan', alamat = '$alamat', golongan_darah = '$golongan_darah', nama_ibu_kandung = '$nama_ibu_kandung', file = '$file' WHERE nis = '$nis' "; $mysqli->query($sql) or die ($mysqli->error); header('location: index.php'); } $nis = $_GET['nis']; if (empty($nis) ) header('location: index.php'); $sql = "SELECT * FROM siswa WHERE nis = '$nis' "; $query = $mysqli->query($sql); $siswa = $query->fetch_array(); if (empty($siswa) ) header('location: index.php'); include 'views/v_tambah.php'; ?>

Hasil jadinya 

halaman tambah data :

halaman utama/beranda : 

Terima kasih sudah mengunjungi blog saya. Semoga kalian dapat terbantu, dan.. Selamat Mencoba!

Wassalamualaikum Wr. Wb.