angular6 - 图像上传，但它与 Angular 中的所有其他不同

Question

上传后图像未显示在我的应用程序中，但它显示了我是否对角度应用程序进行了任何更改。 控制台错误

但是在各个位置都有文件，但是直到角度应用程序发生任何变化才显示

标签： angular6

Answer 1

基本上，您可以通过这种方式加载动态图像。

<img [src]="yourImagePath" />

路径应该是这样的。

assets/posts/image.png

首先尝试for循环打印图像名称并检查路径是否正确。

第二件事我建议你使用ng-template角度的特性。这是angular最强大的功能之一。这主要用于在网页中显示或加载动态内容。

注意：确保图像路径中不应存在空格。

如果您无法加载或访问您的图像，那么您也可以试试这个。

1）如果资产路径，您应该尝试从 Angular 的应用程序路径加载图像。

[src]="app/path/assets/posts/image.png"     // Make path as per your structure. 

2）另一种选择：

[src]="./assets/posts/image.png">

更新

问题是，当您运行 ng serve 时，它​​会在内存 webpack 开发服务器中触发——这不是您想在服务器上运行的东西，仅用于开发。这样，在您重新启动 ng serve 之前，您的资产文件夹中不会发生任何更改，因为它是 .angular-cli.json 中配置的静态资产的默认文件夹。

因此，当您访问assets动态文件夹时，您不必重新启动应用程序。

解决方案 ：

我建议您使用其他位置来访问您的动态图像。

例如：您可以在...上传新图像

public/images