angular - 加载和显示大型组织员工图片的 Angular 最佳方法

Question

我是构建应用程序的新手。我正在使用 Angular 11 和 asp.net 核心作为后端。目前，我正在列表页面中显示组织的员工及其图片。最初我加载了 60 个用户，对于每 60 个用户，我进行单独的 http 调用以将他们的图像作为 blob 图像。这需要相当长的时间，我觉得这不是正确的方法。

当前服务方法：

getAndStoreImageOnClient(url: string): Observable<SafeUrl> {
    return this.httpClient.get(url, { responseType: 'blob' }).pipe(
      map((img) => {
        const objUrl = URL.createObjectURL(img);

        const safeUrl = this.sanitizer.bypassSecurityTrustUrl(objUrl);

        return safeUrl;
      })
    );
  }

有没有比这更好的方法，我们可以将所有用户图像本地存储在磁盘或类似的东西上？

谢谢

标签： angularangular-http