c# - 显示图像 Razor 页面

Question

我正在尝试在位于服务器端的网络 API 上显示图像。 现在我已经将它们添加到我在 visual studio 的解决方案中(我添加了两个来尝试，我指定一个作为嵌入式资源，一个作为构建操作。它们直接在 WebAPISolution/xxx.png 中，而不是在子文件夹中

在我的 cshtml 页面中，我把这个:

<div>
<p>Test image</p>
     <img id="img1" alt="Image1.png" src="@Url.Content("~/Image1.png")">
</div>

在我的网页上它没有显示。 它似乎在寻找它:

view-source:https://xx.xx.xx.xx:5001/Image1.png

错误信息是

"can't be displayed because it contains error"

，我猜它只是找不到它，因为与不存在的 ImageXXX.png 相同会返回相同的错误 我不明白为什么图像没有显示。

这是我的解决方案文件夹的组织方式

Answer 1

1 ) 在您的启动类中，您应该添加 app.UseStaticFiles();在 public void Configure() 内方法
2) 把你的图片放在 wwwroot 文件夹
3) 将此代码添加到您的 Razor View <img src="~/Image1.png" />