asp.net-mvc-4 - 带有“~”符号的图像错误

Question

我的页面中的图像存在问题。在我的数据库中，我提到了图像路径，例如：

"/images/smallimages/sandal1.png "

它工作正常并在我的本地主机上的视图中显示图像，但是在将代码上传到服务器后，图像没有显示。我需要在图像 URL 中放置波浪号（~）吗？我正在绑定图像路径，如下所示：

<a href="@Html.DisplayFor(m=>m.larImagePath1)" class="MagicZoom" id="Zoomer" rel="selectors-effect-speed:100">
    <img src="@Html.DisplayFor(m=>m.medImagePath1)" /></a><br/>
<!-- selector with own title -->
<a href="@Html.DisplayFor(m=>m.larImagePath1)" rel="zoom-id:Zoomer;" rev="@Html.DisplayFor(m=>m.medImagePath1)">
    <img src="@Html.DisplayFor(m=>m.smaImagePath1)"/></a>
<!-- selector without title and with own zoom window size -->
<a href="@Html.DisplayFor(m=>m.larImagePath2)" rel="zoom-id:Zoomer;selectors-effect-speed: 200" rev="@Html.DisplayFor(m=>m.medImagePath2)">
    <img src="@Html.DisplayFor(m=>m.smaImagePath2)"/></a>

Answer 1

您应该使用Url.Content图像 URL 的帮助程序，如下所示：

<img src='@Url.Content("~" + Model.smaImagePath1)' />