Multiple File Upload PHP & Ajax Plugging


frontend


<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <form id="frm" enctype="multipart/from-data">

        <input type="file" name="upload_file[]" multiple><br><br>

        <button type="button" onclick="sub();">SUBMIT</button>

    </form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<script>

    function sub(){

        var upload = new FormData(frm);

            console.log(upload);

                $.ajax({

                    data : upload,

                    type : "POST",

                    url : "index_b.php",

                    processData : false,

                    contentType : false,

                    success: function (res) {

                        

                    }

                })

    }

</script>

</body>

</html> 


Backend



<?php
$conn = mysqli_connect("localhost","root","","fileupload_3") or die ("connection faield");

for ($i=0; $i <count($_FILES['upload_file']['name']) ; $i++) { 
    move_uploaded_file($_FILES['upload_file']['tmp_name'][$i],"img/".$_FILES['upload_file']['name'][$i]);
}
$convert = implode(" + ",$_FILES['upload_file']['name']);
$query = "INSERT INTO tab (file) VALUES('$convert')";
$fire = mysqli_query($conn, $query);
if ($fire) {
    echo "File has been Uploaded";
}else{
    echo "Uploading failed something wrong with internet";
}
?>

Comments

Post a Comment

Popular posts from this blog

C.R.U.D Oparetion in (PHP Code)

C.R.U.D Oparetion   index.php <?php include "conn.php"; if (isset($_POST["usersubmit"]))  {     $vrname = $_POST["username"];     $vremployee = $_POST["useremployee"];     $vrsalary = $_POST["usersalary"];     $vrgender = $_POST["gender"];     //testing sucessfully complete     // echo $vrname;     // echo $vremployee;     // echo $vrsalary;     // echo $vrgender;     // exit();     $inserting = "INSERT INTO dbemployeelist(dbname, dbemployee, dbsalary, dbgender) VALUES('$vrname', '$vremployee', '$vrsalary', '$vrgender')";     $connecting = mysqli_query($conn,$inserting); } ?> <!DOCTYPE html> <html lang="en"> <head>     <title>Document</title>     <style>         form{             text-align:center;             padding:2...
Read more

Search Dropdown - jQuery

Image
<select name="vehicle_no" id="vehicle_no" class="form-control select" >   <option value="" >Select Vehicle</option>      <?php //echo $vchVehicleNumber;exit;?>           @foreach($vehiclesData as $data)              <option {{(isset($vchVehicleNumber) && $vchVehicleNumber == $data['vehicleno'])?'selected':''}} value="{{ $data['vehicleno'] }}" >{{ $data['vehicleno'] }}</option>              @endforeach </select> // jQuery:- you have to add CDN of select2 jquery $("#vehicle_no").select2({   minimumResultsForSearch: Infinity }); $('#vehicle_no').select2({    minimumInputLength: 0  });
Read more

Laravel - Dependent Drop Down Using Ajax

Image
  Resources\View\ index.blade.php: <h1> Dependent Drop Down </h1>     <select name="country" id="country">         <option hidden>Select Country</option>         @foreach($country as $list)         <option value="{{$list->id}}">{{$list->country}}</option>         @endforeach     </select>     <select name="state" id="state">         <option hidden>Select State</option>         <option value=""></option>     </select>     <select name="city" id="city">         <option hidden>Select City</option>         <option value=""></option>     </select> </body> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJ...
Read more