node.js - 服务器在 Angular 中运行时从 Assets 加载新图像

Question

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

以我的 Angular ，我希望能够在上传图像后立即显示该图像。我试图通过说来做到这一点:

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

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

我得出的结论是，这一定是因为我的应用程序的资源是在应用程序启动后加载的，并且无法检测到在服务器已经运行时添加了新的资源。有什么方法可以绕过这个，以便我可以让我的 Angular 重新加载我的 Assets 文件夹并检测到在应用程序已经运行时已向该文件夹添加了新图片？

Answer 1

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