我使用javascript库jsPDF生成了一个包含文字和图片的pdf文件。然后我想将该文件发送到服务器,以便通过电子邮件发送。问题是到达服务器的文件已损坏,无法打开或者pdf上的图片无法查看。
我的代码如下: ``` var pdf = btoa(doc.output()); ``` 这会出现错误:
我也尝试了其他方法,如下所示:
注:我正在使用Laravel 5。服务器代码:
SOLUTION:
解决方案:
js代码:
我的代码如下: ``` 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())));
- 文件可以打开,但图像显示为灰色线条注:我正在使用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";
}
$_POST['data']
中没有任何内容。如果我发送一个简单的字符串,它可以正常工作。发送doc.output('blob')
无法正常工作。 - mad scientist