我正在尝试使用PDFObject渲染嵌入的pdf文件。在后端,我按如下方式发送pdf
fs.readFile(uploadFileFd, function (err,data){
res.contentType("application/pdf");
res.send(data);
});
之后,我会在前面得到如下响应
$.get("/loadDocument",function(data){
PDFObject.embed(data,"#test");
});
我得到以下结果 image with the render in the browser of the pdf
您知道该如何解决吗?
答案 0 :(得分:1)
我发现问题出在pdf文件的编码上,所以我使用'base64-stream'在后端将文件编码为base64:
var readStream = fs.createReadStream(uploadFileFd);
// This will wait until we know the readable stream is actually valid before piping
readStream.on('open', function () {
// This just pipes the read stream to the response object (which goes to the client)
readStream.pipe(new Base64Encode()).pipe(res);
});
// This catches any errors that happen while creating the readable stream (usually invalid names)
readStream.on('error', function(err) {
res.end(err);
});
之后,我使用embed标签显示pdf:
var newElement = "<embed src=data:application/pdf;base64,"+data+" id='pdf' width='100%' height='1200'>";
答案 1 :(得分:0)
似乎是二进制格式,因此您需要再次将其转换为pdf以便在浏览器中呈现。
var request = new XMLHttpRequest();
request.open("GET", "/path/to/pdf", true);
request.responseType = "blob";
request.onload = function (e) {
if (this.status === 200) {
// `blob` response
console.log(this.response);
// create `objectURL` of `this.response` : `.pdf` as `Blob`
var file = window.URL.createObjectURL(this.response);
var a = document.createElement("a");
a.href = file;
a.download = this.response.name || "detailPDF";
document.body.appendChild(a);
a.click();
// remove `a` following `Save As` dialog,
// `window` regains `focus`
window.onfocus = function () {
document.body.removeChild(a)
}
};
};
request.send();
请尝试以上操作。