c# - 返回相对图像路径的 html 帮助程序未显示图像，但在 View 中硬编码相同路径时显示

Question

在我看来有以下代码:

<div class="container">
        <div class="row">
            @foreach (var item in Model)
            {
                <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                    <a class="thumbnail" href="#">
                        <div class="caption">
                            <h4>Thumbnail Headline</h4>
                            <p>@Html.DisplayFor(modelItem => item.ImageCaption)</p>
                        </div>
                        <img class="img-responsive" src="@Html.DisplayFor(modelItem => item.ImageFilePath)" alt="">
                    </a>
                </div>
            }
        </div>
    </div>

@Html.DisplayFor(modelItem => item.ImageFilePath)返回以下列格式存储在数据库中的相对图像路径:“~/Content/userProfiles/profile01/image.JPG”。

当我的 View 被呈现时，我的图像似乎有一个损坏的链接(不显示)。但是，当我对图像源中的路径进行硬编码时，它会根据需要显示。换句话说，<img class="img-responsive" src="@Html.DisplayFor(modelItem => item.ImageFilePath)" alt="">返回断开的链接，其中 <img class="img-responsive" src="~/Content/userProfiles/profile01/image.JPG" alt="">显示图像。

为什么我的图像没有使用 html 帮助器显示，即使它返回一个在硬编码到 View 中时有效的路径？ .

Answer 1

只需删除数据库中路径开头的 tilda (~)。

我的意思是改变这个:

~/Content/userProfiles/sisokhuz@gmail.com/ZIMG_0825.JPG

为此:

/Content/userProfiles/sisokhuz@gmail.com/ZIMG_0825.JPG