html - MVC中如何定义img src路径

Question

我的 index.cshtml 有一张图片

< img id="u3430_img" src="Images/send.png">

myApp/Images 文件夹中有一个 Images 文件夹

如果我访问

• http:/localhost/myApp 或
• http:/localhost/myApp/home/

工作正常。但是如果我使用

• http:/localhost/myApp/home/index

页面尝试在

中寻找图片

• http:/localhost/myApp/home/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")');