获取图像的路径

Question

我编写了一个javascript方法，根据是否安装了插件动态显示图像。根据页面的不同，网址可能会深入子路径，我想知道是否可以在没有所有标记的情况下获得返回图像的路径。

示例

myImage src location = {root} /Content/Images/myImage.png

现在调用js以在以下页面上显示图像。我显示了示例页面的路径和带有src路径的图像元素。请注意它的不同取决于我们的深度。如果我使用绝对路径，那么我将不得不为我的测试环境和生产改变它。我以为我可以用〜但我猜不是。想法？

http://mysite.com/sub1/sub2/ - <img src="../../Content/Images/myImage.png" />

http://localhost:2500/sub1/ - <img src="../Content/Images/myImage.png" />

Answer 1

代字号仅与.NET服务器端代码相关。

实现所需内容的一种简单方法是将根路径写入javascript变量或函数。

例如，在页面的服务器端：

public string RootPath
{
  get
  {
     return ResolveUrl("~/");
  }
}

然后使用以下javascript：

<script type="text/javascript">
<!--
function getRoot()
{
   return '<%= RootPath %>';
}
// -->
</script>

然后，您可以使用javascript getRoot函数访问网站的根目录并将其用于您的网址。