Конвертировать HTML в PDF с AJAX и MPDF - PullRequest
Новая
       7

Конвертировать HTML в PDF с AJAX и MPDF

0 голосов
/ 05 декабря 2018

У меня есть список html, хранящихся в базе данных, я хочу получить данные и преобразовать их в pdf, а после преобразования загрузить их с помощью ajax-запроса.

Я попробовал это сделать, но когда pdf получил загрузкузагруженный файл пуст.Пожалуйста, что мне нужно сделать?Спасибо.

Код JS 

SMSLiTe('click','.export-to-pdf',function(event){
  event.preventDefault();
  ///export note to pdf via ajax
  if (typeof notes[0].note.nid !== typeof undefined && notes.length) {
  var nid = notes[0].note.nid;
  var fd = new FormData();
  fd.append('export_to_pdf',true);
  fd.append('note_id',nid);
  request.open(bigPipe.formMethod.a, 'pdf/pdf');
  request.send(fd);
  request.onload = function(e){
    if (request.readyState == request.DONE && request.status ==200) {
        //code here ....download
        var data = request.responseText,
        blob = new Blob([data]),
        a = document.createElement('a'), d = new Date();
        a.href = window.URL.createObjectURL(blob);
        a.download = d.getTime()+'.pdf'; a.click();

    }
  }
  }else{
  sustainScroll(bigPipe.c_w,bigPipe.class.fixed);
  var msg = 'Sorry! something gone wrong, please refresh this page and try again.',title = 'Export Failed';
  $(bigPipe.document).append(flexibleDialog({content:templateHTML.flexDialog(msg,title,'_2d0',null,'Close',null,0),isClass:'export_to_pdf_failed _2d0',heigt:140,width:600}));jkg();  
  }
});

Код PHP 

if (isset($_POST['note_id'],$_POST['export_to_pdf'])) {
$nid = (int)$_POST['note_id'];
$sql = "SELECT content  FROM $notes_table WHERE note_id='{$nid}' LIMIT 1";
$query = mysqli_query($conn,$sql);
if (mysqli_num_rows($query)) {
$row = mysqli_fetch_assoc($query);
$content = $row['content'];
//create PDF file
$mpdf = new mPDF();
$mpdf->WriteHTML($content);
$mpdf->Output(time().'.pdf','D');exit;
}
}

1 Ответ

0 голосов
/ 05 декабря 2018

Проверка данных ответа, возвращаемых из MPDF, я понял, что выходные данные были BLOB-объектами, и поскольку данные уже были BLOB-данными.У меня был ключ к изменению responseType XMLHttpRequest.responseType на blob

, и теперь это работает.

модифицированный JS: 

SMSLiTe('click','.export-to-pdf',function(event){
event.preventDefault();

//set request method
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
var request = new XMLHttpRequest();
} else {  // code for IE6, IE5
var request = new ActiveXObject("Microsoft.XMLHTTP");
}


  ///export note to pdf via ajax
  if (typeof notes[0].note.nid !== typeof undefined && notes.length) {
  var nid = notes[0].note.nid;
  var fd = new FormData();
  fd.append('export_to_pdf',true);
  fd.append('note_id',nid);
  request.open(bigPipe.formMethod.a, 'pdf/pdf');
  request.send(fd);

  request.responseType = 'blob';//change reponseType before onload

  request.onload = function(e){
    if (request.readyState == request.DONE && request.status ==200) {
        //code here ....download
        var data = request.response,
        blob = new Blob([data],{type: 'application/pdf'}),
        a = document.createElement('a'), d = new Date();
        a.href = window.URL.createObjectURL(blob);
        a.download = d.getTime()+'.pdf'; a.click();
        //console.log(data);
    }
  }
  }else{
  sustainScroll(bigPipe.c_w,bigPipe.class.fixed);
  var msg = 'Sorry! something gone wrong, please refresh this page and try again.',title = 'Export Failed';
  $(bigPipe.document).append(flexibleDialog({content:templateHTML.flexDialog(msg,title,'_2d0',null,'Close',null,0),isClass:'export_to_pdf_failed _2d0',heigt:140,width:600}));jkg();  
  }
});

Код PHP: нам нужно вывести MPDF в виде строки, поскольку мы не добавляем MPDF в браузер; 

//create PDF file
$mpdf = new mPDF();
$mpdf->WriteHTML($content);
$output  = $mpdf->Output(time().'.pdf','S');//output as string
echo($output); //final result to JS as blob data
...