javascript - 获取图像路径

Question

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

示例

myImage src 位置 = {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 函数获取网站的根目录并将其用于您的网址。