FORM.

PHP

<form id="formulir" name="formulir" method="post" enctype="multipart/form-data" >

<div class="modal fade" id="dataRegister" tabindex="-1" role="dialog" aria-
labelledby="exampleModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content" style="border-radius:0px;">
<div class="modal-header" style="background-color:#0a4983;">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-
hidden="true">&times;</span></button>
<h3 class="modal-title" id="exampleModalLabel" style="font-family:Century
Gothic;color:white;">Insert Item Detail</h3>
</div>
<div class="modal-body">
<div id="datos_ajax_register">Quantity:
<input name="item_quantity" type="text" class="form-control" id="item_quantity" size="5"
maxlength="5" required="required" />
<br />
UoM:
<br />
<input name="item_unit" type="text" class="form-control" id="item_unit" size="5" maxlength="5"
required="required" />
<br />
Item:
<br />
<input name="item_name" type="text" class="form-control" id="item_name" size="50"
maxlength="50" required="required" />
<br />
Description:
<br />
<input name="item_description" type="text" class="form-control" id="item_description" size="50"
maxlength="100" required="required" />
<br />
Cost Center:
<br />
<input name="cost_center" type="text" class="form-control" id="cost_center"
require="required" />
<br />
A/C Code:
<br />
<input name="ac_code" type="text" class="form-control" id="ac_code" require="required" />
<br />
<br />
Unit Price:
<input name="item_cost" type="text" class="form-control" id="item_cost" size="20"
maxlength="20" required="required" />
 <br />
Quotation:
<br />
<input name="nama_file" type="file" class="form-control" id="nama_file" size="30"
maxlength="30" accept=".pdf" />
</form>
<br />

</form>
<br />
</label>
</div>
<script>
$(document).ready(function(){
$(document).on('change', '#nama_file', function(){
var name = document.getElementById("nama_file").files[0].name;
var form_data = new FormData();
var ext = name.split('.').pop().toLowerCase();
if(jQuery.inArray(ext, ['gif','png','jpg','jpeg','pdf']) == -1)
{
alert("Invalid Image File");
}
var oFReader = new FileReader();
oFReader.readAsDataURL(document.getElementById("nama_file").files[0]);
var f = document.getElementById("nama_file").files[0];
var fsize = f.size||f.fileSize;
if(fsize > 2000000)
{
alert("Image File Size is very big");
}
else
{
form_data.append("nama_file", document.getElementById('nama_file').files[0]);
$.ajax({
url:"upload.php",
method:"POST",
data: form_data,
contentType: false,
cache: false,
processData: false,
beforeSend:function(){
$('#uploaded_image').html("<label class='text-success'>Image Uploading...</label>");
},
success:function(data)
{
$('#uploaded_image').html(data);
}
});
 }
});
});
</script>

APP.PHP

$( "#formulir" ).submit(function( event ) {

var parameter = $(this).serialize();
$.ajax({
type: "POST",
url: "other/add_item.php?request_id=<?php
$idxc = $_GET['request_id'];
echo $idxc;
?>",
data: parameter,
success: function(datos){
$(".maintable").html(datos);
$('#dataRegister').modal('hide');
load(1);
$(":text").each(function(){
$($(this)).val('');
});
}
});
event.preventDefault();
});

ADD_ITEM.PHP
<?php
include("db_conection.php");
$req_id = $_GET['request_id'];
$item_no=addslashes($_POST['item_no']);
$item_quantity=addslashes($_POST['item_quantity']);
$item_unit=addslashes($_POST['item_unit']);
$item_name=addslashes($_POST['item_name']);
$item_description=addslashes($_POST['item_description']);
$cost_center=addslashes($_POST['cost_center']);
$ac_code=addslashes($_POST['ac_code']);
$item_cost=addslashes($_POST['item_cost']);
$nama_file=addslashes($_POST['nama_file']);

$add_item="INSERT INTO
items(item_quantity,item_unit,item_name,item_description,cost_center,ac_code,pr_number,item_cost,
nama_file)
VALUES('".$item_quantity."','".$item_unit."','".$item_name."','".$item_description."','".
$cost_center."','".$ac_code."','".$req_id."','".$item_cost."','".$nama_file."')";
$run=mysqli_query($dbcon,$add_item);
if($run)
{
echo '<script>swal("Message", "Successfully added to list!", "success");</script>';
}else {
echo '<script>sweetAlert("Message", "Error occured!", "error");</script>';
}
?>

UPLOAD.PHP

<?php

if($_FILES["nama_file"]["name"] != '')
{
$test = explode('.', $_FILES["nama_file"]["name"]);
$ext = end($test);
$name = basename($_FILES["nama_file"]["name"]);
$location = './upload/' . $name;
move_uploaded_file($_FILES["nama_file"]["tmp_name"], $location);
echo '<img src="'.$location.'" height="150" width="225" class="img-thumbnail" />';
}
?>