带有blob和WebAPI的Angular FileSaver。下载的PDF为空。但是API url返回带有内容的PDF。

带有blob和WebAPI的Angular FileSaver是一个用于在Angular应用中实现文件下载功能的工具。它通过使用Blob对象和浏览器的WebAPI来实现文件的下载。

概念：

• Blob：Blob对象是一种用于存储二进制数据的容器，可以表示文件的数据。在文件下载场景中，我们可以将服务端返回的文件内容以Blob对象的形式保存下来，然后通过浏览器提供的下载功能将其保存为文件。

分类： Angular FileSaver是一个用于Angular框架的文件下载工具，可以帮助开发人员实现文件下载功能。

优势：

• 简单易用：Angular FileSaver提供了简单的API接口，方便开发人员在Angular应用中实现文件下载功能。
• 跨浏览器支持：Angular FileSaver通过使用浏览器的WebAPI来实现文件下载，因此可以在大多数主流浏览器上正常工作。

应用场景：

• 下载生成的报表：当应用程序需要生成报表或导出数据时，可以使用Angular FileSaver将生成的文件以PDF、Excel等格式提供给用户下载。
• 下载用户上传的文件：当用户在应用程序中上传了文件后，可以使用Angular FileSaver将这些文件提供给其他用户下载。

推荐的腾讯云相关产品： 由于不可提及云计算品牌商，请您自行在腾讯云官方网站搜索相关产品。

API url返回带有内容的PDF的解决方法：

1. 首先，通过使用HttpClient模块在Angular应用中发送GET请求获取API返回的PDF内容。
2. 将获取到的PDF内容以Blob对象的形式保存下来。
3. 使用Angular FileSaver将Blob对象保存为文件，并提供下载功能。

示例代码：

import { HttpClient } from '@angular/common/http';
import { FileSaverService } from 'ngx-filesaver';

// 在构造函数中注入HttpClient和FileSaverService
constructor(
  private http: HttpClient,
  private fileSaverService: FileSaverService
) {}

// 下载PDF文件
downloadPdf() {
  const apiUrl = 'API的URL地址';

  this.http.get(apiUrl, { responseType: 'blob' }).subscribe((data: Blob) => {
    // 保存获取到的PDF内容为Blob对象
    const pdfBlob = new Blob([data], { type: 'application/pdf' });

    // 使用FileSaverService保存Blob对象为文件并提供下载功能
    this.fileSaverService.save(pdfBlob, 'filename.pdf');
  });
}

在上述示例中，我们使用HttpClient发送GET请求获取API返回的PDF内容，设置响应类型为'blob'，以获取Blob对象。然后，将获取到的Blob对象使用FileSaverService保存为文件，并提供下载功能。

请注意，上述示例中的'ngx-filesaver'是一个开源的Angular文件保存和下载库，您可以在Angular应用中使用它来简化文件下载的实现。您可以在以下链接中找到关于该库的更多信息：ngx-filesaver GitHub仓库

希望以上信息能对您有所帮助！如果还有其他问题，请随时提问。