MVC5 和 Javascript 相对图像路径混淆

MVC5 and Javascript relative image paths confusion

本文关键字：路径 图像 相对 Javascript MVC5      更新时间：2024-01-27

如果我在虚拟服务器上运行我的 mvc5 webApp 似乎无法显示图像，但是如果我在本地运行它，它可以工作。

所以我尝试了几种方法，但没有一种方法允许我在虚拟服务器或我的电脑上运行该应用程序，我已经尝试过：

(如果我在本地运行它，这些都有效(

图像/箭头.png

/

图像/箭头.png

此路径适用于虚拟服务器，但不适用于本地服务器。

webAPP/Images/arrow.png

我知道@Url.Action，但我有很多不同的图像，大约15张，我不知道使用@Url.Action对许多人来说是否是一个好主意。

任何小例子都会有很大帮助！

如果您知道站点根目录到图像的路径，则可以在 MVC 中执行以下操作：

@Url.Content("~/images/my-image.jpg")

"~/"将从站点根目录映射。

编辑：如果你在JS文件中工作并且为相对路径而苦苦挣扎，也许你可以在文件顶部添加一个"basepath"变量并使用它：

var basePath = "http://www.mywebsite.com/images";

然后在代码中，返回的图像 URL 将如下所示： 

var imgUrl = basePath + "/my-image.jpg";

试试这个： 

@Url.Content("~/Images/arrow.png")
相关文章：