c# - 带有 href 代码的 C# 代码中未显示图像

Question

我只想显示存储在后端的图像。但图像未显示。我收到此错误:

downloadIcon.jpg:1 GET http://localhost:4200/assets/hepchat/images/downloadIcon.jpg 404 (Not Found)

我是这样做的:

 return $"<a href = \"{baseUrl}api/Devices/GetDownload/{model.AttachmentKey}/\" class=\"msgdownload\"><img src='./images/downloadIcon.jpg' alt=\"Download\"/></a>";

我有一个这样的 CSS 类:

.msgdownload {
  position: relative;
  width: 50px;
  height: 25px;
  display: block;

}

.msgdownload::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

我不想在 css 类中做这样的事情:

background: url(../hepchat/images/download.jpg) no-repeat bottom;

因为当找不到图像时，我无法使用替代文本。

谢谢。

Answer 1

将图片放到/src/assets文件夹即可解决。
像这样的东西:

/src/assets/hepchat/images/downloadIcon.jpg