Сохраните PDF на сервере с созданным QRCode (PNG) и JSPDF - PullRequest
Новая
       7

Сохраните PDF на сервере с созданным QRCode (PNG) и JSPDF

1 голос
/ 08 ноября 2019

Я пытаюсь сохранить сгенерированный PDF-файл, который генерирует PDF-файл из "div", и сохранить его на моем сервере.

Я получил его, работая с JSPdf, чтобы он сохранял PDF-файл на сервере. Проблема в том, что у меня есть изображение внутри моего div. Это сгенерированный QRCode. И когда я открываю PDF, сгенерированный QRCode выглядит следующим образом.

failed save

Я думаю, что проблема в процессе отправки в мой «upload.php», потому что, когда я используюJSPDF для локального сохранения этого div, код QRCode отображается правильно. 

$("#printer").on("click",function(e){

   var doc = new jsPDF();
    doc.fromHTML($('#qrcode')[0], 15, 15, {  //"#qrcode" is the div which should be saved
      'background': '#fff',
    }, function() {
      doc.save('sample-file.pdf');

    var pdf =doc.output();
    var data = new FormData();
        data.append("data" , pdf);

    var xhr = new XMLHttpRequest();
    xhr.open( 'post', 'upload.php', true ); //Post to php Script to save to server
    xhr.send(data);


    e.preventDefault();  //stop the browser from following
    window.location.href = 'uploads/test.pdf';

    });

});

Это мой код "upload.php": 

<?php
if(!empty($_POST['data'])){
    $data = $_POST['data'];
    $fname = "test.pdf"; // name the file
    $file = fopen("uploads/" .$fname, 'w'); // open the file path
    fwrite($file, $data); //save data
    fclose($file);
} else {
    echo "No Data Sent";
}
?>

QR-код - это файл .png. И отображается в «#qrcode». Я надеюсь, что кто-нибудь может помочь мне правильно отобразить мой QRCode и на моем Сервере.

Заранее спасибо.

...