获取图像的路径

Question

我写了一个javascript方法根据是否安装插件动态显示图像。根据页面的不同，url可能会深入到子路径中，并且我想知道是否可以在没有所有marky-mark的情况下返回到图像的路径。

例

MYIMAGE SRC位置= {}根/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函数获取的根网站并将其用于您的网址。