pdfjs意外的服务器响应,jsPDF - 发送pdf到服务器最终损坏

我使用JavaScript jsPDF库生成带有文本和图像的pdf。然后，我想将文件发送到服务器以便发送电子邮件。问题是，到达服务器上的文件已损坏，无法打开，或者我看不到PDF上的图像。jsPDF - 发送pdf到服务器最终损坏

我的代码：

var pdf = btoa(doc.output()); - 这给出了一个错误：Uncaught InvalidCharacterError: Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range.

var pdf = btoa(encodeURIComponent(doc.output()));

var data = new FormData();

data.append("data" , pdf);

var xhr = new XMLHttpRequest();

xhr.open('post', '/url', true);

xhr.send(data);

我也试着像其他的东西：

var pdf = btoa(encodeURIComponent(doc.output('blob'))); - 文件无法打开

var pdf = btoa(doc.output('blob')); - 文件无法打开

var pdf = btoa(unescape(encodeURIComponent(doc.output()))); - 该文件将打开，但图像是一些灰色线

PS：我使用Laravel 5.服务器代码：

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

$fname = "test.pdf";

$file = fopen("pdf/" .$fname, 'w');

fwrite($file, $data);

fclose($file);

SOLUTION：

JS代码：

var blob = doc.output('blob');

var fd = new FormData();

fd.append('data', blob);

$.ajax({

type: 'POST',

url: '/url',

data: fd,

processData: false,

contentType: false

}).done(function(data) {

console.log(data);

});

服务器代码：

if(!empty($_FILES['data'])){

move_uploaded_file(

$_FILES['data']['tmp_name'],

public_path() . '/test.pdf'

);

return "Pdf was successfully saved.";

} else {

return "No Data Sent";

}