如何从ajax数据发送上传pdf到服务器(使用jsPDF)

Question

我正在使用jsPDF在客户端生成pdf.使用doc.save('filename.pdf')函数,我可以下载它.现在我需要将它保存在服务器上,所以我用.ajax()发送pdf数据并用PHP脚本接收它,但生成的pdfURL上的图像没有显示(http:// mydomain/tmp/test.pdf); 只显示文字.

你可以帮我一把吗？

我的js代码:

//doc.save('test.pdf');  WORKS WELL
var pdf = doc.output();
$.ajax({
  method: "POST",
  url: "inc/test.php",
  data: {data: pdf},
}).done(function(data){
   console.log(data);
});

PHP脚本:

<?php
if(!empty($_POST['data'])){

    $data = $_POST['data'];
    print_r($data);

    file_put_contents( "../tmp/test.pdf", $data );
} else {
    echo "No Data Sent"; 
}
exit();
?>

这是php脚本过程后生成的pdf:http: //control.edge-cdn.com.ar/tmp/test.pdf

这是使用doc.save()函数生成的:http://control.edge-cdn.com.ar/repo/all.pdf 问候!

Answer 1

解决方案:

我试图将pdf数据作为二进制文件发送.我只是base64编码字符串,发送它,他们解码在PHP上.

JS:

    var pdf = btoa(doc.output()); 
    $.ajax({
      method: "POST",
      url: "inc/test.php",
      data: {data: pdf},
    }).done(function(data){
       console.log(data);
    });

PHP:

if(!empty($_POST['data'])){
$data = base64_decode($_POST['data']);
// print_r($data);
file_put_contents( "../tmp/test.pdf", $data );
} else {
echo "No Data Sent";
}
exit();