如何在角度服务中通过 API 获取 PDF

Question

我在服务器上设置了一个基于 Java 的 API。 URL = "ex.com"

它有一个返回 PDF 文件的端点。 URL = "ex.com/pdf"

它需要一个带有参数的 POST 请求，该参数指定正在请求哪个 PDF。 params = { location: "report.pdf"}

我希望能够使用 Angular Http.post observable 来获取 PDF，但它不断抛出 HttpErrorResponse Http failure during parsing for http://ex.com/pdf ... Unexpected token % in JSON at position 0 at JSON.parse。但它是一个 PDF，我不希望它被解析为 JSON。

这是我的代码：

params = {location: "report.pdf"};
return this.http.post<Response>("http://ex.com/pdf", params)
    .subscribe(
         data => {
            var file = new Blob([data], {type: 'application/pdf'});
            var fileURL = URL.createObjectURL(file);
            window.open(fileURL);
         }
     );

端点与 PostMan 一起使用。我可以使用“发送和下载”选项成功获取 PDF 文件。所以我只需要弄清楚如何在 Angular 中处理。感谢您的帮助。

Answer 1

试试这样的...

首先，你需要 file-saver 节点包所以运行 npm install --save file-saver.

然后，尝试使用类似的方法，我复制粘贴用于类似操作的代码

public downloadPDF(): any {
    var mediaType = 'application/pdf';
    this.http.post(this.myUrl, {location: "report.pdf"}, { responseType: 'blob' }).subscribe(
        (response) => {
            var blob = new Blob([response], { type: mediaType });
            saveAs(blob, 'report.pdf');
        },
        e => { throwError(e); }
    );
}

这对我有用，但只是为了保存文件。

让我知道它是否有效！

---

更新 - ANGULAR7 & FILESAVER V.^2.0.1+

我刚刚从 Angular v.6 和 Filesaver v. 在这个新版本中，您必须更改导入来源：

import { saveAs } from 'file-saver/FileSaver';

到

import { saveAs } from 'file-saver';

其他一切都像以前的版本一样工作！