c# - asp.net中如何给图片相对路径

标签 c# asp.net css asp.net-mvc

对于 asp.net 站点,我有这样的文件夹结构:

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>

最佳答案

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

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

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

关于c# - asp.net中如何给图片相对路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23427656/

相关文章:

c# - 在 ASP.NET Core 2.1 中添加自定义 TagHelpers

asp.net - 我可以使用 owin 和 oauth 提供商的 asp.net 成员(member)资格吗?

html - <a href> 内的 child 会触发 mouseout。如何防止这种情况?

c# - PayPal 支付操作 - 错误 81002

c# - 无法在 C# 的通用约束中使用结构类型

c# - 事务范围因 Oracle : Connection is already part of a local or a distributed transaction 中的 BeginTransaction 而失败

javascript - 测试从某些 JavaScript 返回 JSON 的 ASP.NET Web 服务的最简单方法?

c# - asp.net动态设置输入按钮的onclick

Javascript:摆脱动画 SCSS - 当侧边栏在折叠后打开时

javascript - 刷新页面后 Skrollr 中断