如何以角度处理动态图片库

Question

我有一个 web 应用程序，其中有一个图库，并且可以为图库上传新图像。问题是，当我上传新图像以便能够在图库中查看它时，我必须重新编译（您会看到图像的卡片，但看不到图像本身）。发生这种情况是因为图像位于本质上是静态的文件夹“assets /”中。我试图将图像放在服务器文件夹中并更改 url 但图像未显示。我还注意到，如果 url 是完整的，例如'/home/andrea/lavoro/angular/CarsMarketPlace/src/assets/CarsImages/'图像没有加载，我必须将 url 简单地设置为'assets/CarsImages '。我相信出于同样的原因，服务器文件夹中的图像不会显示。 我进入 lite-server 日志：

20.02.23 10:48:26 404 GET /home/andrea/lavoro/angular/CarsMarketPlace/server/CarsImages/audi_mod1_img1.jpg

但是如果我将日志链接复制并粘贴到浏览器中，我可以看到图像。 任何人都给我一个能够从服务器文件夹查看图像的解决方案？也许在 json 文件中需要做一些配置......谢谢

Answer 1

您可以维护一个动态的图像路径列表，并使用 NgFor 对其进行循环。 这样，当您上传图片时，将其路径添加到列表中，一旦加载，它将更新图库。