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

时间:2018-05-27 10:46:44

标签: node.js angular image reload

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

在我的角度中,我希望能够在我上传之后立即显示该图像。我试图这样说:

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

my users.profilePicture包含存储图像的正确路径。这不起作用,因为找不到路径。但是,如果我使用“ng serve”重新启动我的角度应用程序,将会找到并显示所需的图片。

我得出结论,这必须是因为我的应用程序的资产在应用程序启动后加载,并且在服务器已经运行时无法检测到已添加新的资产。有没有办法绕过这个,所以我可以让我的角度来重新加载我的资源文件夹并检测到已经有一个新的图片添加到该文件夹​​,而该应用程序已经在运行?

1 个答案:

答案 0 :(得分:0)

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