显示图像剃须刀页面

Question

我正在尝试在Web api上显示服务器端的图像。 现在，我已经在Visual Studio的解决方案中添加了它们（我添加了两个尝试，我将一个指定为嵌入式资源，将一个指定为没有作为构建操作。它们直接位于WebAPISolution / xxx.png中，而不在子文件夹中

在我的cshtml页面中，我输入了以下内容：

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

，并且在我的网页上没有显示。 它似乎在寻找它：

  

查看源：https://xx.xx.xx.xx:5001/Image1.png

，错误消息是

  

“由于包含错误，因此无法显示”

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

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

Answer 1

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