我目前有一个后端java服务,可以使用itext将html转换为pdf。 我将 pdf 作为 byte[] 返回给客户端(Angular 5)。 但当我尝试在其上运行 getDocument 函数时,我最终得到“无效的 pdf 结构”。 我不相信 pdf 结构实际上是无效的。 我将我的 html 模板上传到在线 pdf 转换器,它工作得很好。
这是我从后端得到的:
这是我的pdfjs代码:
class MyDocumentsProvider{
downloadPdf():any{
return this.http.get(environment.webappServer+"/get1098E", {responseType:'arraybuffer'}).map(
(res) =>{
return res;
}
)
}
}
this.myDocumentsProvider.downloadPdf().subscribe((res)=>{
PDFJS.disableWorker = true; //<-- removing this does nothing
PDFJS.getDocument(res).then((pdf)=>{
this.showLoader = false;
this.pdf = pdf;
this.pagesTotal = pdf.numPages;
pdf.getPage(this.pageNum).then((page) => {
this.handlePages(page);
this.writeFile();
})
}).catch((err)=>{
this.showError = true;
console.error(err);
})
},((err)=>{
this.showError = true;
console.error(err);
}))
}
我也尝试过做
PDFJS.getDocument(new Uint8Array(res))then((pdf)...
我已经使用 pdf 文件的直接 url 测试了此代码,它可以工作。
这是一些java代码:
@RequestMapping(value="/testPdf", headers="Accept=*/*", method = RequestMethod.GET)
public ResponseEntity<?> testPdf() throws IOException{
HttpHeaders responseHeaders = new HttpHeaders();
responseHeaders.add("Content-Type","application/octet-stream;charset=UTF-8"); //<-- this was added later on. Did nothing....
ResponseEntity <byte[]> arr = pdfService.htmlTemplateToPdf()
return new ResponseEntity<>(arr,responseHeaders, HttpStatus.OK);
}
请各位SO同胞给予我帮助!
而不是:
return this.http.get(environment.webappServer+"/get1098E", {responseType:'arraybuffer'}).map(
(res) =>{
return res;
}
)
我刚刚删除了responseType:'arraybuffer'。 然后我获取响应并手动将其转换为类型化数组(Uint8Array)。 我猜想responseType:arraybuffer正在返回一些损坏的东西。
对我来说,我尝试通过
data
参数加载 PDF,但直接输入 base64。正如您的文档所说,您需要在加载之前转换为二进制文件。从历史上看,这是通过 atob() 完成的,但现在最好直接从提供它的任何内容中获取二进制表示