如何在我的网站上将文件显示为图片？

Question

我有一个列表，我想在其中展示一张图片。我将“MVC/cshtml”与“.Net Core”一起使用 图片从未显示，而我给出的路径是正确的。其他图片是具有透明背景的 png 文件。

这是我得到的：

这是文件的位置：

我无法显示图片的原因是什么？

这是声明。文件名也是正确的。我可以在地图上找到它们。

@{
   string sImageFile = "~/images/artiesten/" + item.ArtiestnaamVolledig + ".jpg";
}

这是显示图片的命令。

            @if (!System.IO.File.Exists(sImageFile))
            {
                sImageFile = "~/images/artiesten/Gitaar.png";
            }
            <td class="notering_images">
                <img src="@sImageFile" alt="-" height="50" width="50" />
            </td>

Answer 1

使用img标签的时候可以做个测试

<img src="~/images/artiesten/Gitaar.png" alt="-" height="50" width="50" />

图片可以正确渲染，生成的html代码如下：

<img src="/images/artiesten/Gitaar.png" alt="-" height="50" width="50">

所以，只需删除 ~

sImageFile = "/images/artiesten/Gitaar.png";