angular - 在角度服务器中下载pdf

Question

首先，我将描述到目前为止的过程。我在我的角度前端使用 jspdf，一旦我有了 pdf，我需要将它发送到我的后端并将它下载到保存它的服务器中。到目前为止，我尝试了很多不同的选项，但似乎都没有工作。首先，我通过角度路由器发送 pdf 对象，但它太大了，所以没有发送所有数据。我更改了允许的数据大小，但似乎没有用。如果你想要关于它的代码，我会上传它，但这不是我的主要观点。之后，我创建了一个 blob 对象和 base64 pdf 并将它们发送到服务器，它们显示完全正确。但是我不想显示pdf，我只想下载它。到目前为止，我看到的大多数答案都包括文档或窗口，我无法使用，因为我只需要下载它。将 blob 或 base64 转换为 pdf 并下载的任何答案都可以。我上传了base64的代码，这是我从服务器端尝试的最后一个代码，尽管没有太多代码，因为我找不到任何解决方案，但你可以看到格式：

public async sendemail (req: Request, res: Response): Promise<any> {
var base64=req.body.base64;
console.log(base64);
}

从这里开始，我需要下载 pdf 格式的 base64 文件。谢谢。

Answer 1

对您的函数的此修改使用 new(ish) fetch api 将 base64 图像作为 blob 获取，然后下载它。

public async sendemail (req: Request, res: Response): Promise<any> {
    var base64=req.body.base64;

    fetch("data:image/png;base64," + base64)
        .then(res => res.blob())
        .then(blob => {
            if (window.navigator && window.navigator.msSaveOrOpenBlob) {
                window.navigator.msSaveOrOpenBlob(blob, "download.pdf");
            } else {
                const link = document.createElement("a");
                link.href = window.URL.createObjectURL(blob);
                link.download = "download.pdf";
                document.body.appendChild(link);
                link.click();
            }
        });
}