在新建页签中打开PDF，保存文件给出错误的文件名

Question

有一个Angular 6应用程序有一个下载pdf文件的功能。它使用来自另一个spring boot应用html" target="_blank">程序的REST API下载文件。

要求是我需要在新标签打开pdf文件，而保存它应该有一个有意义的名称。

我可以得到文件下载和打开在新的标签。但在保存文件时,它从URL中取名字。

我尝试在浏览器中直接从REST API打开文件并保存它，以及从angular App获取blob并在新窗口中打开。两者都打开文件，但在保存时，它们从URL中取名字。

>

在新窗口blob中角形打开blob：https://defg.com/89a0396e-994b-43d0-b3e3-aaa95d47db9f如果我尝试下载打开的文件，建议以名称89a0396e-994b-43d0-b3e3-aaa95d47db9f.pdf保存，有没有办法在下面的方法中传递或设置文件名？

var fileURL=window.url.createObjectUrl（file）；window.open（fileURL,“_blank”）；

API-采用加密名称https://abcd.com/ws/filedownload/85C1E5010AFAE309E89534FAC594C9110D74FED4DF78AA8EE199C78B570FABF8BC6640F0563778DD963.pdf如果我尝试下载打开的文件，建议第一次使用正确的名称保存，第二次尝试时将url中的字符串显示为名称，85C1E5010AFAE309E89534FAC594C9110D74FED4DF78AA8EE199C78B570FABF8BC6640F0563778DD963.pdf

检查响应,头看起来很好,

内容配置：内联；filename=“test.pdf”

任何建议都会有帮助。提前道谢。

Answer 1

您可以使用文件保护程序库，如下所示：

import { saveAs } from 'file-saver';
...
awesomeDownloader(url: string, fileName: string) {
  const blobFile = functionsThatGetsTheBlob(url);
  saveAs(blobFile, fileName);
}
...