function createPDF(elementId) {
    var element = document.getElementById(elementId);
    var options = {
        margin: 10,
        filename: elementId + '.pdf',
        image: {
            type: 'jpeg',
            quality: 1
        },
        html2canvas: {
            dpi: 300,
            letterRendering: true
        }
    }
    var type;
    var download = html2pdf().from(element).set(options).save(); //works fine
    var worker = html2pdf().from(element).set(options).outputPdf(type, options).then(function(pdf) {
        var date = new Date();
        date.setMonth(date.getMonth() - 1);
        var data = new FormData();
        data.append('data' , pdf);
        data.append('filename', elementId + '.pdf');
        data.append('folder', '../reports/' + date.getFullYear() + '/' + (date.getMonth() + 1)); //month + 1 want
        var xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function() {
            if (xhr.readyState == XMLHttpRequest.DONE) {
                console.log(xhr.responseText);
            }
        }
        xhr.open('post', 'upload.php', true); //Post to php Script to save to server
        xhr.send(data);
    });
}

if(!empty($_POST['data']) && !empty($_POST['filename']) && !empty($_POST['folder'])){
    // print_r($data);
    $data = $_POST['data'];
    $folder = $_POST['folder'];
    if (!is_dir($folder)) {
        mkdir($folder, 0777, true); // true for recursive create
    }
    file_put_contents($folder . '/' . $_POST['filename'], $data );
    echo 'file saved';
}