当服务器在 Angular 中运行时从资产加载新图像答案

【问题标题】：Load new images from assets while server is running in Angular当服务器在 Angular 中运行时从资产加载新图像
【发布时间】：2018-11-06 03:50:52
【问题描述】：

我正在构建一个 nodejs + angular 应用程序。在服务器端，我有一个将新图像上传到资产/图像/上传下的 angular 文件夹的功能，它还保存了我将其上传到数据库的路径。

在我的角度中，我希望能够在上传后立即显示该图像。我试图这样做：

 <img  mat-card-image src="../../{{users.profilePicture}}"  alt="Test">

我的 users.profilePicture 包含存储我的图像的正确路径。这不起作用，因为找不到路径。但是，如果我使用“ng serve”重新启动我的 Angular 应用程序，则会根据需要找到并显示图片。

我得出的结论是，这一定是因为我的应用程序的资产是在应用程序启动后加载的，并且在服务器已经运行时无法检测到新的资产已添加。有没有办法绕过这个，这样我就可以让我的角度重新加载我的资产文件夹并检测到在应用程序已经运行时已向文件夹中添加了一张新图片？

【问题讨论】：

【解决方案1】：

Ng serve 会将您的应用加载到内存中，因此新添加的项目不会包含在您编译的应用中。您可以在此 SO 帖子中找到一些解决方案： Serve assets as they are dynamically added

【讨论】：