<?php
    $servername = "localhost";
    $username = "root";
    $password = "pass";
    $dbname = "myDB";

    // Create connection
    $conn = new mysqli($servername, $username, $password, $dbname);
    // Check connection
    if ($conn->connect_error) {
        die("Connection failed: " . $conn->connect_error);
    }

    if (isset($_POST)) {
        $file = $_FILES['myfile']['name'];
        $type = $_FILES['myfile']['type'];
        $file_tmp = $_FILES['myfile']['tmp_name'];
        $parser = fopen($file_tmp, 'r');
        $data = fread($parser, filesize($file_tmp));
        $data = addslashes($data);
        echo $_FILES['myfile']['tmp_name'];
    }

    $date = date('Y-m-d H:i:s');
    $sql = "INSERT INTO `image` (name, mime, data,uploaded_on)
    VALUES ('$file','$type','$data','$date')";

    if ($conn->query($sql) === TRUE) {
        echo "New record created successfully";
    } else {
        echo "Error: " . $sql . "<br>" . $conn->error;
    }

    $conn->close();
?>

$(function(){
    var file_data = $("#file").prop("files")[0];
    var form_data = new FormData(document.getElementById('box')); // Creating object of FormData class
    form_data.append("myfile", file_data)

    $("#upload").click(function(){
        $.ajax({
            url: "upload.php",
            type: 'post',
            cache: false,
            contentType: false,
            processData: false,
            data: form_data,
            error: function (request, status, error) {
                $("body").append("<div style='background:rgba(255,0,0,0.8);float:left;position:fixed'>"
                + request.responseText + "</div>")
            }
        }).done(function(msg) {
              $("body").append("<div style='background:rgba(255,0,0,0.8);float:left;position:fixed'>"
              + msg + "</div>")
              window.alert(msg);
        });
    });
});

function empty() {
    var x = document.getElementById("order_num").value;
    var y = document.getElementById("cust_name").value;
    var z = document.getElementById("phone_num").value;
    var a = document.getElementById("cust_email").value;
    if (x == "" || y == "" || z == "" || a == "") {
        alert("Please fill all the fields ");
        return false;
    };
}