cách tải bản pdf lên máy chủ từ dữ liệu ajax gửi (sử dụng jsPDF)

Question

Tôi đang sử dụng jsPDF để tạo bản pdf ở phía máy khách. Với hàm doc.save ('filename.pdf') tôi có thể tải xuống nó. Bây giờ tôi cần phải lưu nó trên máy chủ, vì vậy tôi đang gửi dữ liệu pdf với .ajax() và nhận nó bằng một tập lệnh PHP nhưng hình ảnh trên pdfURL được tạo không hiển thị (http://mydomain/tmp/test.pdf); chỉ hiển thị văn bản.

Bạn có thể cho tôi một tay không?

My js mã:

//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); 
}); 

Các kịch bản 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(); 
?> 

Đây là pdf được tạo ra sau khi php scripting proccess: http://control.edge-cdn.com.ar/tmp/test.pdf

Và đây là tạo ra với Hàm doc.save(): http://control.edge-cdn.com.ar/repo/all.pdf Trân trọng!

Answer 1

SOLUTION:

Tôi đã cố gắng để gửi dữ liệu pdf như nhị phân. Tôi chỉ base64 mã hóa chuỗi, gửi nó và họ giải mã đó trên 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(); 

Answer 2

var reader = new window.FileReader(); 
reader.readAsDataURL(doc.output("blob")); 
reader.onloadend = function() 
{ 
    ... 
    method: 'POST', 
    data: { 
     attachment: reader.result 
    } 
    ... 
} 

Answer 3

JS

var pdf =doc.output(); 
    var data = new FormData(); 
    data.append("data" , pdf); 
    var xhr = new XMLHttpRequest(); 
    xhr.open('post', 'inc/test.php', true); 
    xhr.send(data); 

PHP

if(!empty($_POST['data'])){ 
    $data = $_POST['data']; 
    $fname = "test.pdf"; 
    $file = fopen("test/pdf/" .$fname, 'r'); 
    fwrite($file, $data); 
    fclose($file); 
} else { 
    echo "No Data Sent"; 
}