Question

我的index.cshtml带有图片

＆LT; img id =＆＃34; u3430_img＆＃34; SRC =＆＃34;图像/ send.png＆＃34;＆GT;

myApp/Images文件夹

中的文件夹图片

如果我访问

http：/ localhost / myApp OR
HTTP：/本地主机/对myApp /家/

工作正常。但如果我使用

HTTP：/本地主机/对myApp /家/索引

页面尝试在

中查找图像

HTTP：/本地主机/对myApp /的家 /Images/send.png

所以我应该如何定义我的src。

备注： 除了index.cshtml之外，我还有一个js文件，其中悬停效果将其添加到图像中。并且这些选项工作都没有同样的问题

$('#u3430_img').hover(
        function () {                
            $(this).attr("src", "~/Images/send_hover.png");
        },
        function () {                
            $(this).attr("src", "Images/send.png");
        }
);

Answer 1

您可以使用~参考项目顶层的图片。

<img src="~/Images/send.png">

旧版本的ASP.NET MVC在路径周围需要@ Url.Content（），如here所述

编辑：如果要更新Javascript的路径，可以指定绝对路径，也可以将其包装在@Url.Content()中。

$('#image').attr('src', '/Images/send.jpg');

$('#image').attr('src', '@Url.Content("~/Images/send.png")');

Answer 2

在Cshtml页面中添加〜是没有必要的。只需添加/Images/send.png ...它将成为root并遵循层次结构。

如何在MVC中定义img src路径

2 个答案: