时间戳

首页 > 解决方案 > 显示图像剃须刀页面

c# - 显示图像剃须刀页面

问题描述

我正在尝试在位于服务器端的 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 相同返回相同的错误我不明白为什么图像不显示。

这是我的解决方案文件夹的组织方式 在此处输入图像描述

标签： c#asp.net-mvcimageasp.net-web-api

解决方案

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

推荐阅读