Tuesday, September 15, 2015

Membuat Insert Form Sederhana

Setelah cukup lama mengutek-utek php dengan berbagai macam cara. Akhirnya, program uts kemarin terpecahkan…
Ternyata, konsepnya menggunakan array…

Langsung saja… berikut ini sintaks lengkapnya…
Asli buatan Azhar Ahmad S diedit dari beberapa sumber
he he
narsis dikit :p
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>Aplikasi Tabel PHP</title>
<link rel="stylesheet" href="login.css" type="text/css"/>
</head>
<body>
<div id="form">
<h2 align="center">Data Mahasiswa</h2>
<hr style="color:#3ebee9; border:double;" align="center" width="300"/>
<form action="<?php $_SERVER['PHP_SELF'];?>"
method="post" enctype="multipart/form-data">
<div id="Input">
   Nama:<br />     <input type="text" name="nama"/><br />
    Alamat:<br />     <input type="text" name="alamat"/><br />
    File:<input type="file" name="fl" />
   </div>
   <div id="btnLogin">
   <input type="submit" name="submit" value="Upload"/>
    </div>
</form>
</div>
<?php
$flname = 'nama.txt';
if (isset($_POST['nama']) && $_POST['nama'] && isset($_POST['alamat']) && $_POST['alamat'] ) {
if (isset($_POST['submit'])
&& isset($_FILES['fl'])){
    //lokasi pada direktori upload
    $dir='./upload/';
    $file = $_FILES['fl']['tmp_name'];
    $namaGambar = $_FILES['fl']['name'];
    $info = pathinfo($namaGambar);
    $dt = $_POST['nama'] . '#' . $_POST['alamat'] . '#'.$namaGambar."\n";
    file_append_contents($flname, $dt);
    //memastikan file gambar tdk kosong
    if(!is_uploaded_file($file)){
        exit('No file selected..');
    }
    //menetapkan data maksimum file yang di upload
    if(filesize($file)>1000000){
    echo 'ukuran file'.filesize($file).'<br />';
    exit('file terlalu besar ukuran file maksimum 1 MB');
    }   
    //menetapkan tipe file
    if($info['extension'] == 'jpg' || $info['extension'] == 'jpeg' ){
    echo'';
    } else{
    exit('maaf tidak bisa upload karena file bukan jpg atau jpeg');
    }
    if(!move_uploaded_file($file, $dir.$namaGambar)){
        echo 'Unable to upload file';
    }else {
        echo'File uploaded..';
    }   
}
}
    $arr = file($flname);
    ?>
  <table border=1 cellspacing=1 cellpadding=1>
  <tr>
    <th width=10>No</th><th width=200>Nama</th><th width=200>Alamat</th><th width= 300>Foto</th>
  </tr>
  <?php
  $i = 1;
  foreach ($arr as $val) {
    $d = explode('#', $val);
    ?>
    <tr>
      <td><?php echo $i;?></td>
      <td><?php echo $d[0];?></td>
      <td><?php echo $d[1];?></td>
      <td><img src="./upload/<?php echo $d[2];?>"/></td>
    </tr>
  <?php
    $i++;
  }
  ?>
  </table>
  <?php
  function file_append_contents($filename, $data) {
  $olddata = file_get_contents($filename);
  return file_put_contents($filename, $olddata.$data);
}
?>
</body>
</html>
Seperti biasa untuk mempercantik tampilan kita gunakan kode css… 
Kita beri nama kodenya login.css

#form{
margin-top:10px;
margin-left:450px;
font-family: arial;
font-size: 20px;
color:#3ebee9;
width:350px;
height : 300px;
background: #eef7ff;
border: 3px solid #9fd5f4;
}
#btnLogin{
margin-left:100px;
}
#Input{
margin-top: 30px ;
margin-left: 100px ;
margin-bottom: 10px;
font-family: calibri;
font-size: 15px;
color:#666666;
}
Berikut ini, hasil tampilannya….
tampilan2