16 November 2017 |

Form Upload File Sederhana Menggunakan PHP

Sebuah form upload file minimalis tanpa database yang dapat kamu gunakan jika ada kebutuhan mendadak.

Form ini bisa digunakan untuk kamu yang punya toko online dan ingin membuat sebuah form sederhana untuk mengirimkan bukti transfer pembayaran.

Nantinya file yang di-upload akan disimpan pada folder buktiTransfer dengan format nama file [tanggal-jam]-[namaPengirim]-[namaBarang]-[namaBank]-[namaFile]

Kamu juga dapat merubah source code dibawah ini untuk otomatis membuat folder yang berbeda untuk setiap bulannya, sehingga file-file yang dikirimkan oleh pembeli akan masuk ke masing-masing folder bulan tersebut.

Ini hanya sekedar contoh saja:

<!DOCTYPE html>
<head>
<title>Konfirmasi Pembayaran Toko Kelontong Online</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body>

<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">Konfirmasi Pembayaran</a>
</div>
<ul class="nav navbar-nav navbar-right">
<li style="display:none !important"><a href="http://coratcoretblog.blogspot.com">CoratCoretBlog</a></li>
</ul>
</div>
</nav>

<div class="container-fluid">

<div class="col-md-12">
<?php
echo date("d/m/Y h:i a")
?>
</div>

<br/><br/>
<form action="" method="post" enctype="multipart/form-data">
<div class="col-md-2">
Nama: <span style="color:red;">*</span>
</div>
<div class="col-md-10">
<input type="text" name="nama" required oninvalid="this.setCustomValidity('Wajib diisi')" oninput ="setCustomValidity('')" />
</div>
<br/><br/>
<div class="col-md-2">
Nama Barang: <span style="color:red;">*</span>
</div>
<div class="col-md-10">
<input type="text" name="namaBarang" required oninvalid="this.setCustomValidity('Wajib diisi')" oninput ="setCustomValidity('')" /><br/><br/>
</div>
<br/><br/>

<div class="col-md-2">
Pembayaran melalui: <span style="color:red;">*</span>
</div>

<div class="col-md-10 dropdown">
<select name="bank" required oninvalid="this.setCustomValidity('Wajib dipilih')" oninput ="setCustomValidity('')">
<option value="">-- Pilih --</option>
<option value="bca">BCA</option>
<option value="mandiri">Mandiri</option>
<option value="bni">BNI</option>
<option value="bri">BRI</option>
<option value="btpn">BTPN</option>
</select>
</div>

<br/><br/>
<div class="col-md-2">
Bukti transfer
</div>
<div class="col-md-10">
<input type="file" name="bukti_transf" />
</div>
<br/><br/>
<div class="col-md-12">
<button type="submit" name="btn-upload">Kirim File</button>
</div>
</form>
</div>

<?php
//error_reporting(E_ERROR | E_PARSE);

if(isset($_POST['btn-upload']))
{
$bukti_transf = date("d-m-Y h:i:s a")."-".$_POST['nama']."-".$_POST['namaBarang']."-".$_POST['bank']."-".$_FILES['bukti_transf']['name'];
$bukti_loc = $_FILES['bukti_transf']['tmp_name'];
$folder="buktiTransfer/";
if(move_uploaded_file($bukti_loc,$folder.$bukti_transf))
{
?><script>alert('Upload file berhasil');</script><?php
}
else
{
?><script>alert('Gagal upload, silakan ulangi kembali');</script><?php
}
}

?>

</body>
</html>


No comments:

Post a Comment

 
© 2008- - AnggaRifandi
#Arsenal #London #TechStartup #WebAddict #GrowthHacker