Question

对于asp.net site我有这样的文件夹结构：

enter image description here

现在我运行网站，结果如下：

enter image description here

在这里，我能够看到图像“6”。

现在单击：按钮，我打开另一个页面：dashboard.aspx：

$(document).ready(function () {
            $("#btnDashBoard").on("click", function () {
                debugger;
                window.location.href = "dashboard/dashboard.aspx";
                return false;
            });
        });

enter image description here 在这里我无法看到我的形象，为什么？

我的site.master html是这样的：

<head runat="server">
    <title></title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $("#btnDashBoard").on("click", function () {
                debugger;
                window.location.href = "dashboard/dashboard.aspx";
                return false;
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <input id="btnDashBoard" type="button" value="button" />
        </div>
        <div>
            <img src="../Images/orderedList6.png" alt="" />
        </div>
        <div>
            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
            </asp:ContentPlaceHolder>
        </div>
    </form>
</body>
</html>

Answer 1

您应该让ASP.NET帮助您找出路径。每个名为ResolveClientUrl()的Control都有一种实用方法。如果将虚拟路径传递给文件，它将解析其完整路径。

您可以在src标记的<img>属性中使用它：

<img src='<%= Path.ResolveClientUrl("~/Images/orderedList6.png") %>' alt="" />

Answer 2

我遇到了一个问题，例如，我的路径是：https://mysite/projects/index

我存储在数据库中的html带有一个带有此src的图像：〜/ Images / myimg.png

所以我获取图像的路径是：

https://mysite/projects/index/~/Images/myimg.png

我刚刚从源代码中删除了“〜”，一切都解决了，这导致了图像路径为：https://mysite/Content/Images/myimg.png

希望这会有所帮助

如何在asp.net中提供图像相对路径

2 个答案: