asp.net-mvc - 无法从 asp mvc 项目中的 iis 上的 Content 文件夹加载图像

Question

在 Visual Studio 虚拟服务器中，这是可行的。但是当我将网站放在 IIS 上时，它不显示内容文件夹中的图像。

    var imgPath = '/Content/Images/Icons/' + icon + '.png';
                var imageContent = '@Server.MapPath(Url.Content("-1"))';
                image = imageContent.replace('-1', imgPath);

我在浏览器中获取每个图像时遇到错误

http://localhost/Content/Images/Icons/carwash.png Failed to load resource: the server responded with a status of 404 (Not Found)

Answer 1

首先，您确定所有“图标”都是解决方案的一部分并且实际上已部署到您的网络服务器吗？我有过一些实例，我将文件添加到解决方案目录中，而 VS 不会自动将解决方案包含在其中，因此它实际上从未被部署...

如果没问题并且图像确实存在，我的下一个问题是，您是否尝试过在 View 中使用 @Url.Content 帮助器来确定它是否正常工作？

<img src="@Url.Content("~/Content/Images/Icons/SomeIcon.png")"/>

编辑

由于您尝试在 Javascript 中完成此操作，并且上述标记在 HTML 中工作，因此您应该能够将该代码压缩为以下代码:

var image = '@Url.Content("~/Content/Images/Icons/")' + icon + '.png';

继续让 MVC 获取 Icon 文件夹的路径并将您的文件和扩展名附加到该文件夹​​。这应该消除了字符串替换的需要，并且仍然能够在 JS 中处理图标路径。

var image 现在将是您传递给此函数的图标文件的完整相对路径。您可以使用此字符串来更新和 img src 标记或创建图像或其他任何内容。