【发布时间】：2021-05-24 12:58:36
【问题描述】：
多张图片上传和预览
目前正在上传多张图片，如果我在预览窗口中点击多张图片，我需要查看这些图片，例如，如果我上传了两张图片，如果我点击第一张图片，如果我点击第二张图片，我需要查看两张图片
在当前情况下，如果我单击一个图像，我能够看到该图像，但如果我单击多个图像，则无法正常工作。
这是我的stackblitz 用于单张图片
【问题讨论】：
标签： javascript angular typescript angular8
【发布时间】：2021-05-24 12:58:36
【问题描述】：
更改您的模板
<div class="card-body">
<img *ngFor="let imgPreview of imgPreviews" [src]="imgPreview" >
</div>
并在您的组件 .ts 中更改此内容
imgPreviews: string[] = [];
onClik(e) {
this.imgPreviews.push(e.target.src);
}
现在您单击的任何图像都将添加到当前显示的图像中
【讨论】：
-
非常感谢您像宝石一样工作，但是一个查询应该有一个小的限制用户必须单击一次图像假设我有 2 个图像用户可以单击 2 个图像一次但在当前场景我可以多次使用一张图片
-
检查这个 ==> stackblitz.com/edit/angular-aodvxv