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

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";