csvtest/upload.php at master · Izzy-M/csvtest · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
<?php
echo "<div class='card mx-auto' style='height:200px;width:400px;margin-top:20px;'>
<form id='uploadf' method='post'>
<div class='row no-gutters status' style='height:20px;'></div>
<div class='row no-gutters' style='padding-left:10px;margin-top:10px'>Select the file to upload</div>
<div class='row no-gutters' style='padding-left:10px;margin-top:10px'>
<input type='file' id='file' name='csvfile' accept='.csv' required style='padding-left:10px;margin-top:10px'></div>
<div class='row no-gutters' style='padding-left:10px;margin-top:10px'><button class='btn btn-success'>Upload</button></div>
</form>
</div>

";
?>
<script>
$("#uploadf").on('submit',(e)=>{
    e.preventDefault();
    let data=new FormData();
    data.append('csvfile',document.getElementById('file').files[0]);
    let file=document.getElementById('file').files[0];
    let xht= new XMLHttpRequest();
    xht.onreadystatechange=function(){
        if(this.readyState==4 && this.status==200){console.log(this.responseText)


                document.getElementById('uploadf').reset();
                location.replace('view.php?viewfile='+this.responseText)


        }
    }
    xht.open("POST",'datareceiver.php',true);
    xht.send(data);
})
</script>