多张图片并点击图片进行预览 - Angular

Question

多张图片上传和预览

目前正在处理多张图片上传，如果我在预览中单击多张图片 window 我需要查看这些图片，例如，如果我上传了 2 张图片，如果我单击第 1 张图片，如果我同时单击第 2 张图片我需要看的图片

在当前情况下，如果我单击一个图像，我能够看到该图像，但如果我单击多个图像，则无法正常工作。

这是我的 stackblitz 单张图片

Answer 1

更改模板

<div class="card-body">
        <img *ngFor="let imgPreview of imgPreviews" [src]="imgPreview" >
</div>

并在您的组件 .ts 中更改此

imgPreviews: string[] = [];

  onClik(e) {
    this.imgPreviews.push(e.target.src);
  }

现在您点击的任何图片都会添加到当前显示的图片中