对于 asp.net 站点,我有这样的文件夹结构:
现在我运行这个网站,结果是这样的:
在这里我可以看到图像“6”。
现在点击:按钮,我打开另一个页面:dashboard.aspx:
$(document).ready(function () {
$("#btnDashBoard").on("click", function () {
debugger;
window.location.href = "dashboard/dashboard.aspx";
return false;
});
});
在这里我看不到我的图像,为什么?
我的 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/