Singgah Sabanta

Wednesday, May 10, 2017

Cara "Upload File" Dengan PHP Dan "Cara Validasinya"

Upload adalah sebuah proses mengcopy file dari komputer client ke komputer server, hampir semua aplikasi pasti mempunyai fitur ini untuk kebutuhkan tertentu. sebagai contoh jika anda adalah pengguna media sosial pasti sudah familiar dengan kegiatan upload foto profile. nah ini adalah salah satu contoh dari implementasi dari fitur upload dimana pengguna bisa memilih foto dan kemudian informasi ini disimpan di database untuk ditampilkan nantinya. pada postingan ini anda akan belajar cara mengupload file menggunakan bahasa pemograman PHP.

Membuat Form Input Data Buku

Pada tahap ini kita akan membuat sebuah form sebagai interface bagi pengguna untuk menginput data buku dan mengupload cover buku tersebut. silahkan buat sebuah file dengan nama form-input.php dan tulis script ini :

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title>Belajarphp.net - Upload</title>    </head>    <body>        <h3>Form Input Data Buku</h3><form action="simpan.php" method="post" enctype="multipart/form-data">            <table><tr><td>Judul Buku</td><td><input type="text" name="judul" placeholder="Judul Buku"></td></tr><tr><td>Cover</td><td><input type="file" name="cover"></td></tr><tr><td></td><td><button type="submit">Simpan Data</button></td></tr></table></form></body></html>

<!DOCTYPE html>

<html>

<head>

<title>Belajarphp.net - Upload</title>

</head>

<body>

<h3>Form Input Data Buku</h3>

<table>

<tr><td>Judul Buku</td><td><input type="text" name="judul" placeholder="Judul Buku"></td></tr>

<tr><td>Cover</td><td><input type="file" name="cover"></td></tr>

<tr><td></td><td><button type="submit">Simpan Data</button></td></tr>

</table>

</form>

</body>

</html>

jangan lupa save untuk menyimpan perubahan. sekarang silahkan buka web browser anda dan masukan http://localhost/upload/form-buku.php untuk melihat hasilnya.
form-input-buku

selanjutnya kita akan membuat fungsi untuk mengupload file dari komputer client ke server, silahkan buat sebuah file baru dengan nama simpan.php dan tulis script ini :

<?php $temp   = $_FILES['cover']['tmp_name']; $name   = $_FILES['cover']['name']; $size   = $_FILES['cover']['size']; $type   = $_FILES['cover']['type']; $folder = "files/"; // upload  move_uploaded_file($temp, $folder.$name); // menampikan informasi file yang di upload echo "Nama File : <b>".$name; echo "</b><br>"; echo "Ukuran File : <b>".$size; echo "</b> Byte<br>"; echo "Type File : <b>".$type; echo "</b>"; ?>

<?php

$temp = $_FILES['cover']['tmp_name'];

$name = $_FILES['cover']['name'];

$size = $_FILES['cover']['size'];

$type = $_FILES['cover']['type'];

$folder = "files/";

// upload

move_uploaded_file($temp, $folder.$name);

// menampikan informasi file yang di upload

echo "Nama File : <b>".$name;

echo "</b><br>";

echo "Ukuran File : <b>".$size;

echo "</b> Byte<br>";

echo "Type File : <b>".$type;

echo "</b>";

Lalu silahkan input judul buku, pilih cover nya dan klik button simpan, jika berhasil maka akan muncul informasi seperti ini :
hasil-upload

Melakukan Validasi Inputan

adakalanya kita harus melakukan validasi terhadap file yang di upload, misalnya untuk data cover buku hanya boleh berupa gambar dan ukuran nya tidak boleh lebih dari 1MB, kita bisa melakukan nya dengan memodifikasi script sehingga menjadi seperti ini :

<?php $temp = $_FILES['cover']['tmp_name']; $name = $_FILES['cover']['name']; $size = $_FILES['cover']['size']; $type = $_FILES['cover']['type']; $folder = "files/"; // upload Process if ($size < 1024000 and $type =='image/jpg') {     move_uploaded_file($temp, $folder . $name);     // menampikan informasi file yang di upload     echo "Nama File : <b>" . $name;     echo "</b><br>";     echo "Ukuran File : <b>" . $size;     echo "</b> Byte<br>";     echo "Type File : <b>" . $type;     echo "</b>"; }else{     echo "Gagal Upload File"; } ?>

<?php

$temp = $_FILES['cover']['tmp_name'];

$name = $_FILES['cover']['name'];

$size = $_FILES['cover']['size'];

$type = $_FILES['cover']['type'];

$folder = "files/";

// upload Process

if ($size < 1024000 and $type =='image/jpg') {

move_uploaded_file($temp, $folder . $name);

// menampikan informasi file yang di upload

echo "Nama File : <b>" . $name;

echo "</b><br>";

echo "Ukuran File : <b>" . $size;

echo "</b> Byte<br>";

echo "Type File : <b>" . $type;

echo "</b>";

}else{

echo "Gagal Upload File";

}

lalu silahkan coba upload file yang ukuran nya lebih dari 1MB atau yang tipe file nya bukan jpg, maka ketika anda melakukan proses upload akan muncul informasi seperti dibawah ini gagal-upload

Menyimpan Informasi File Yang Di Upload Ke Database

untuk bisa menimpan data yang di upload ke database maka kita harus membuat tabel terlebih dahulu, silahkan buat sebuah tabel dengan nama tabel_buku dengan field field sebagai berikut :

Atau jika anda malas membuat secara manual maka silahkan menggunakan SQL Query ini :

CREATE TABLE `tabel_buku` (   `id` int(11) NOT NULL,   `judul` varchar(100) NOT NULL,   `cover` text NOT NULL,   `ukuran_file` int(11) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1; ALTER TABLE `tabel_buku`   ADD PRIMARY KEY (`id`); ALTER TABLE `tabel_buku`   MODIFY `id` int(11) NOT NULL AUTO_INCREMENT;

CREATE TABLE `tabel_buku` (

`id` int(11) NOT NULL,

`judul` varchar(100) NOT NULL,

`cover` text NOT NULL,

`ukuran_file` int(11) NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=latin1;

ALTER TABLE `tabel_buku`

ADD PRIMARY KEY (`id`);

ALTER TABLE `tabel_buku`

MODIFY `id` int(11) NOT NULL AUTO_INCREMENT;

lalu silahan lakukan modifikasi file simpan.php sehingga menjadi seperti ini :

<?php // membuat koneksi ke database $host       = "localhost"; $user       = "root"; $password   = ""; $database   = "test"; $connect    = mysqli_connect($host, $user, $password, $database); // end membuat koneksi $temp = $_FILES['cover']['tmp_name']; $name = $_FILES['cover']['name']; $size = $_FILES['cover']['size']; $type = $_FILES['cover']['type']; $folder = "files/"; // proses validasi if ($size < 1024000 and $type =='image/jpeg') {     // upload Process     move_uploaded_file($temp, $folder . $name);     // insert data ke database     mysqli_query($connect, "insert into tabel_buku set judul='".$_POST['judul']."',cover='$name',ukuran_file='$size'");     // menampikan informasi file yang di upload     echo "Nama File : <b>" . $name;     echo "</b><br>";     echo "Ukuran File : <b>" . $size;     echo "</b> Byte<br>";     echo "Type File : <b>" . $type;     echo "</b>"; }else{     echo "Gagal Upload File"; } ?>

<?php

// membuat koneksi ke database

$host = "localhost";

$user = "root";

$password = "";

$database = "test";

$connect = mysqli_connect($host, $user, $password, $database);

// end membuat koneksi

$temp = $_FILES['cover']['tmp_name'];

$name = $_FILES['cover']['name'];

$size = $_FILES['cover']['size'];

$type = $_FILES['cover']['type'];

$folder = "files/";

// proses validasi

if ($size < 1024000 and $type =='image/jpeg') {

// upload Process

move_uploaded_file($temp, $folder . $name);

// insert data ke database

mysqli_query($connect, "insert into tabel_buku set judul='".$_POST['judul']."',cover='$name',ukuran_file='$size'");

// menampikan informasi file yang di upload

echo "Nama File : <b>" . $name;

echo "</b><br>";

echo "Ukuran File : <b>" . $size;

echo "</b> Byte<br>";

echo "Type File : <b>" . $type;

echo "</b>";

}else{

echo "Gagal Upload File";

}

lalu silahkan upload file yang memenuhi kriteria yang sudah kita tentukan agar proses upload berhasil dan datanya masuk ke database. jika sudah berhasil silahkan chek isi dari tabel_buku tersebut. list_data

sampai disini anda sudah bisa membuat fitur upload file dan menyimpan informasi nya ke database.

"Cara Update" Dan "Delete Data MySQL" Dengan PHP

Modifikasi Halaman Index.php

Langkah pertama yang akan kita lakukan adalah membuat link untuk menuju ke form edit pada halaman utama ( index.php ). dimana ketika link edit ini diklik maka akan membawa parameter id_mahasiswa dari web browser yang akan digunakan sebagai informasi data mahasiswa yang akan ditampilkan pada form nantinya. sekarang silahkan modifikasi file index.php menjadi seperti ini :

<!DOCTYPE html><html>    <head>        <title>CRUD PHP MYSQL - Belajarphp.net</title>    </head>    <body>        <h2>List Mahasiswa</h2><table border="1"><tr><th>NO</th><th>NIM</th><th>NAMA</th><th>GENDER</th><th>JURUSAN</th><th>ACTION</th></tr><?php             include 'koneksi.php';             $mahasiswa = mysqli_query($koneksi, "SELECT * from mahasiswa");             $no = 1;             foreach ($mahasiswa as $row) {                 $jenis_kelamin = $row['jenis_kelamin'] == 'P' ? 'Perempuan' : 'Laki laki';                 echo " <tr>            <td>$no</td>            <td>" . $row['nim'] . "</td>            <td>" . $row['nama'] . "</td>            <td>" . $jenis_kelamin . "</td>            <td>" . $row['jurusan'] . "</td>            <td><a href='form-edit.php?id_mahasiswa=$row[id_mahasiswa]'>Edit</a>                <a href='delete.php?id_mahasiswa=$row[id_mahasiswa]'>Delete</a>            </td>              </tr>";                 $no++;             }             ?>        </table></body></html>

<!DOCTYPE html>

<html>

<head>

<title>CRUD PHP MYSQL - Belajarphp.net</title>

</head>

<body>

<h2>List Mahasiswa</h2>

<tr><th>NO</th><th>NIM</th><th>NAMA</th><th>GENDER</th><th>JURUSAN</th><th>ACTION</th></tr>

<?php

include 'koneksi.php';

$mahasiswa = mysqli_query($koneksi, "SELECT * from mahasiswa");

$no = 1;

foreach ($mahasiswa as $row) {

$jenis_kelamin = $row['jenis_kelamin'] == 'P' ? 'Perempuan' : 'Laki laki';

echo "<tr>

<td>" . $jenis_kelamin . "</td>

<td>" . $row['jurusan'] . "</td>

<a href='delete.php?id_mahasiswa=$row[id_mahasiswa]'>Delete</a>

</td>

</tr>";

$no++;

}

</table>

</body>

</html>

pada line 22 dan 23 kita menambahkan script untuk menampilkan link yanga akan digunakan untuk membuat form edit dan proses delete. sehingga tampilan sekarang menjadi seperti ini :

Membuat Form Update

jika anda melihat pada address browser maka setelah nama file akan ada ?id_mahasiswa=2, parameter id_mahasiswa=2 itu adalah data dinamis yang terbawa ketika users memilik data yang akan di edit. tugas kita sekarang adalah menampilkan data yang sesuai dengan data yang dipilih oleh users berdasarkan parameter id_mahasiswa yang dibawa tadi kedalam form edit. sekarang buatlah sebuah file baru dengan nama form-edit.php dan ketiklah script ini :

<?php include 'koneksi.php'; $id         = $_GET['id']; $mahasiswa  = mysqli_query($koneksi, "select * from mahasiswa where id_mahasiswa='$id'"); $row        = mysqli_fetch_array($mahasiswa); // membuat data jurusan menjadi dinamis dalam bentuk array $jurusan    = array('TEKNIK INFORMATIKA','TEKNIK ELEKTRO','REKAMEDIS'); // membuat function untuk set aktif radio button function active_radio_button($value,$input){     // apabilan value dari radio sama dengan yang di input     $result =  $value==$input?'checked':'';     return $result; } ?><!DOCTYPE html><html>    <head>        <title>Ajax Jquery - Belajarphp.net</title>    </head>    <body>        <form method="post" action="update.php">            <input type="hidden" value="<?php echo $row['id_mahasiswa'];?>" name="id_mahasiswa">            <table><tr><td>NIM</td><td><input type="text" value="<?php echo $row['nim'];?>" name="nim"></td></tr><tr><td>NAMA</td><td><input type="text" value="<?php echo $row['nama'];?>" name="nama"></td></tr><tr><td>JENIS KELAMIN</td><td>                        <input type="radio" name="jenis_kelamin" value="L" <?php echo active_radio_button("L", $row['jenis_kelamin'])?>>Laki Laki                         <input type="radio" name="jenis_kelamin" value="P" <?php echo active_radio_button("P", $row['jenis_kelamin'])?>>Perempuan                     </td></tr><tr><td>JURUSAN <?php echo $row['jurusan'];?></td><td>                        <select name="jurusan">                            <?php                             foreach ($jurusan as $j){                                 echo "<option value='$j' ";                                 echo $row['jurusan']==$j?'selected="selected"':'';                                 echo ">$j</option>";                             }                             ?>                        </select>                    </td></tr><tr><td>ALAMAT</td><td><input value="<?php echo $row['alamat'];?>" type="text" name="alamat"></td></tr><tr><td colspan="2"><button type="submit" value="simpan">SIMPAN PERUBAHAN</button>                        <a href="index.php">Kembali</a></td></tr></table></form></body></html>

<?php

include 'koneksi.php';

$id = $_GET['id'];

$mahasiswa = mysqli_query($koneksi, "select * from mahasiswa where id_mahasiswa='$id'");

$row = mysqli_fetch_array($mahasiswa);

// membuat data jurusan menjadi dinamis dalam bentuk array

$jurusan = array('TEKNIK INFORMATIKA','TEKNIK ELEKTRO','REKAMEDIS');

// membuat function untuk set aktif radio button

function active_radio_button($value,$input){

// apabilan value dari radio sama dengan yang di input

$result = $value==$input?'checked':'';

return $result;

}

<!DOCTYPE html>

<html>

<head>

<title>Ajax Jquery - Belajarphp.net</title>

</head>

<body>

<input type="hidden" value="<?php echo $row['id_mahasiswa'];?>" name="id_mahasiswa">

<table>

<tr><td>JENIS KELAMIN</td><td>

<input type="radio" name="jenis_kelamin" value="L" <?php echo active_radio_button("L", $row['jenis_kelamin'])?>>Laki Laki

<input type="radio" name="jenis_kelamin" value="P" <?php echo active_radio_button("P", $row['jenis_kelamin'])?>>Perempuan

</td></tr>

<tr><td>JURUSAN <?php echo $row['jurusan'];?></td><td>

<?php

foreach ($jurusan as $j){

echo "<option value='$j' ";

echo $row['jurusan']==$j?'selected="selected"':'';

echo ">$j</option>";

}

</select>

</td></tr>

<tr><td>ALAMAT</td><td><input value="<?php echo $row['alamat'];?>" type="text" name="alamat"></td></tr>

<tr><td colspan="2"><button type="submit" value="simpan">SIMPAN PERUBAHAN</button>

<a href="index.php">Kembali</a></td></tr>

</table>

</form>

</body>

</html>

sekarang kalau link edit di klik maka akan menampilkan form dengan data yang sudah terisi sesuai dengan data yang dipilih seperti dibawah ini :

Membuat Proses Update

seperti yang anda lihat pada form edit di atas, atribute action nya mengarah ke file update.php yang akan memproses data nantinya dengan method post. jadi sekarang kita akan membuat file edit.php dan ketiklah script berikut :

<?php include 'koneksi.php'; // menyimpan data kedalam variabel $id_mahasiswa   = $_POST['id_mahasiswa']; $nim            = $_POST['nim']; $nama           = $_POST['nama']; $jurusan        = $_POST['jurusan']; $jenis_kelamin  = $_POST['jenis_kelamin']; $alamat         = $_POST['alamat']; // query SQL untuk insert data $query="UPDATE mahasiswa SET nim='$nim',nama='$nama',jurusan='$jurusan',jenis_kelamin='$jenis_kelamin',alamat='$alamat' where id_mahasiswa='$id_mahasiswa'"; mysqli_query($koneksi, $query); // mengalihkan ke halaman index.php header("location:index.php"); ?>

<?php

include 'koneksi.php';

// menyimpan data kedalam variabel

$id_mahasiswa = $_POST['id_mahasiswa'];

$nim = $_POST['nim'];

$nama = $_POST['nama'];

$jurusan = $_POST['jurusan'];

$jenis_kelamin = $_POST['jenis_kelamin'];

$alamat = $_POST['alamat'];

// query SQL untuk insert data

$query="UPDATE mahasiswa SET nim='$nim',nama='$nama',jurusan='$jurusan',jenis_kelamin='$jenis_kelamin',alamat='$alamat' where id_mahasiswa='$id_mahasiswa'";

mysqli_query($koneksi, $query);

// mengalihkan ke halaman index.php

header("location:index.php");

Membuat Proses Delete

proses terakhir adalah sekarang kita akan membuat proses delete data dari database, konsepnya sama seperti proses update tadi cuman pada proses ini tidak menampilkan form, melainkan langsung menghapus data berdasarkan data yang dipilih oleh users pada halaman utama. silahkan buat script baru dengan nama delete.php dan ketik script berikut ini :

<?php include 'koneksi.php'; // menyimpan data id kedalam variabel $id_mahasiswa   = $_GET['id_mahasiswa']; // query SQL untuk insert data $query="DELETE from mahasiswa where id_mahasiswa='$id_mahasiswa'"; mysqli_query($koneksi, $query); // mengalihkan ke halaman index.php header("location:index.php"); ?>

<?php

include 'koneksi.php';

// menyimpan data id kedalam variabel

$id_mahasiswa = $_GET['id_mahasiswa'];

// query SQL untuk insert data

$query="DELETE from mahasiswa where id_mahasiswa='$id_mahasiswa'";

mysqli_query($koneksi, $query);

// mengalihkan ke halaman index.php

header("location:index.php");

selamat karna sampai saat ini anda sudah belajar cara manipulasi data mysql menggunakan bahasa pemograman PHP.

Halaman

Wednesday, May 10, 2017

Cara "Upload File" Dengan PHP Dan "Cara Validasinya"

Membuat Form Input Data Buku

Melakukan Validasi Inputan

Menyimpan Informasi File Yang Di Upload Ke Database

"Cara Update" Dan "Delete Data MySQL" Dengan PHP

Modifikasi Halaman Index.php

Membuat Form Update

Membuat Proses Update

Membuat Proses Delete

Subscribe