I need to created pdf in my project so I am using pdfmake js plugin it is working fine but I want to put that file to server, I tried to do this using file_put_content but this is not working,my question is how to put pdf file to server once it is generated by plugin.
<button class="btn btn-success">Generate pdf</button>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" ></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.22/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
    <script>
     $("body").on("click", ".save_changes", function () {
        var ts = String(new Date().getTime()), i = 0, out = '';
        for (i = 0; i < ts.length; i += 2) {
            out += Number(ts.substr(i, 2)).toString(36);
        }
        var newdate = ('d' + out);
        html2canvas($('#page-wrap')[0], {
            onrendered: function (canvas) {
                var data = canvas.toDataURL();
                var docDefinition = {
                    content: [{
                            image: data,
                            width: 500
                        }]
                };
         
                   pdfMake.createPdf(docDefinition).download(newdate + ".pdf");
                   
                   
                var file_created = pdfMake.createPdf(docDefinition);
                <?php
$file_location = $_SERVER['DOCUMENT_ROOT'] . "folder_name/pdfReports/";
file_put_contents($file_location, $pdf);
?>
            }
        });
    });
    </script>
