上传的图片在新的角度代码编译或服务器重新启动之前无法显示

Question

我没头绪了...

上下文

A 2页Angular应用程序：

• 一页列出图片（图片文件存储在“资产/图片”中）
• 一页上传图片，将它们发布到负责将图片移动到“资产/图片”角度文件夹的节点/ express API中

问题

无法使用src =“ assets / image / fileName.jpg”显示上传的图片1（得到404）在重新编译角度代码或重新启动服务器之前1

注意：我可以使用src =“ data：image / jpeg; base64 ...”方法2在上载页面中显示图片预览>

直觉：恐怕我不应该在Angular资产文件夹中上传文件，但是可能在节点服务器的根目录中的其他地方。这是我当前的文件组织：3

代码

节点服务器

将图片移动到有角度的“资产/图像”文件夹中pictureFile.mv('src/assets/picture/'+ fileName);

角度

<img class="picture" src="'src/assets/picture/'{{fileName}}">

关于，Valink

我无头绪...上下文A 2页Angular应用程序：一页列出图片（图片文件存储在“资产/图片”中）一页上传图片，然后将其发布到节点/表达.. 。

Answer 1

您的FE应用程序源位于/ src文件夹下。它也是您尝试保存图片的地方。但是，“运行时”应用程序位于/ dist文件夹下。您可以将图片保存到运行时文件夹，只要不重建FE应用程序，它就可以正常运行。