【问题标题】:How to serve images which are outside the assets folder?如何提供资产文件夹之外的图像?
【发布时间】:2020-08-13 04:26:19
【问题描述】:

my assets config in angular json

我用于访问根目录中的图像的代码

Preview image of my code


我的文件夹结构

preview of my angular app folder structure


我在尝试访问外部图像时遇到的错误

Error

【问题讨论】:

  • 任何人都可以帮我解决这个问题,我已经在资产文件夹中尝试过 glob,但它没有提供图像。请帮助我提供任何替代方案
  • 您能否更详细地描述您面临的问题?
  • 实际上我正在尝试提供存在于我的 Angular 项目的 src 文件夹之外的图像,但我无法提供它,如何提供外部的图像
  • 如果您的另一个文件夹包含要在 Angular 项目中使用的图像,只需在 angular.json 文件中的资产数组中添加路径。然后使用绝对路径将它们加载到一个img标签中。
  • 没有其他选择,因为在生产的时候我们不能使用绝对路径对吗?

标签: angular


【解决方案1】:

想象在 ts 文件中有一个像这样的变量:

public myImage = "something.png";

在 html 中,以您尝试的方式加载图像,只需这样做:

<img [src]="'./assets/' + myImage">

【讨论】:

  • 然后正如我所说,发布一些相关代码。很可能您没有在 assets 数组中添加正确的文件夹,也不是您的 base 不是 src,也不是我示例中的路径与您的情况不完全相同。
  • 你不能这样使用src="...{}"
  • 我明白你在说什么,但我的问题是即使我使用属性绑定,图像也没有加载。图像存在于称为上传和缩略图的文件夹中。如果我们的图像保存在根文件夹之外,我不知道为什么图像无法加载
  • 您在控制台中遇到什么错误?找不到 404?
  • 如果你能做一个 stackblitz 那就太好了
猜你喜欢
  • 1970-01-01
  • 2016-11-06
  • 2012-11-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-05-10
  • 2015-06-11
相关资源
最近更新 更多