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>