come caricare pdf sul server da ajax data send (usando jsPDF)

Question

Sto usando jsPDF per generare un pdf sul lato client. Con la funzione doc.save ('filename.pdf') posso scaricarlo. Ora devo salvarlo sul server, quindi invio i dati pdf con .ajax() e lo ricevo con uno script PHP ma le immagini sul pdfURL generato non vengono visualizzate (http://mydomain/tmp/test.pdf); mostra solo il testo.

Potete darmi una mano per favore?

Codice mio 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); 
}); 

Lo script 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(); 
?> 

Questo è il pdf generato dopo il proccess php scripting: http://control.edge-cdn.com.ar/tmp/test.pdf

e questo è il generato con il funzione doc.save(): http://control.edge-cdn.com.ar/repo/all.pdf Saluti!

Answer 1

SOLUZIONE:

stavo cercando di inviare i dati pdf in formato binario. Ho solo base64 codificare la stringa, mandarla e decodificarla sul 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"; 
}