Javascript回顾1文件夹以获取父目录的图像

Question

我的网站布局（对于此示例）：

localhost/mydomain/
-localhost/mydomain/pics
-localhost/mydomain/somepages/arandompage.php

我想从这里访问图片：

localhost/mydomain/index.php

我这样做：

<img id='4' src='pics/somepic.1.jpg'>

鼠标悬停代码段：

{ $('#'+someId).attr('src', 'pics/somepic.'+num+'.jpg');

这正在工作。但是，当我想从这里访问它时，它是行不通的。但是当您转到localhost/mydomain/somepages/arandompage.php时，它显然不起作用，不再是相对的。

<img id='4' src='../pics/somepic.1.jpg'>

显然，这里可以解决显示图像的问题。无法在JavaScript中使用。

{ $('#'+videoId).attr('src', '../pics/somepic.'+num+'.jpg'); /

我不知道该怎么办，但是是的，我需要的是JavaScript仅回顾1个文件夹来获取img src。就这样。如果您回答，请在以下位置插入内容：

`{ $('#'+videoId).attr('src', ====> 'pics/somepic.'+num+'.jpg');` 

以便转到父目录。

P.S。我尝试了绝对路径，但也无济于事。

Answer 1

关键是要记住层次结构的浏览器视图是什么：

1. 假设localhost/mydomain是您网站的root，然后：

   ...一个类似于localhost/mydomain/somepage.php的页面：

   • 将出现在http://example.com/somepage.php from the browser's POV

   • 并且可以使用pics/somepic.jpg或/pics/somepic.jpg作为图片。>>

   ...一个类似于localhost/mydomain/somepages/somepage.php的页面：

   • 将出现在http://example.com/somepages/somepage.php from the browser's POV

   • 并且可以使用../pics/somepic.jpg或/pics/somepic.jpg作为图片。>>

2. 假设localhost是您网站的根目录，然后：

   ... [localhost/mydomain/somepage.php之类的页面

• 将出现在浏览器POV中的http://example.com/mydomain/somepage.php，例如

• 并且可以使用pics/somepic.jpg或/mydomain/pics/somepic.jpg作为图片。>>

... [localhost/mydomain/somepages/somepage.php之类的页面

• 将出现在浏览器POV中的http://example.com/mydomain/somepages/somepage.php，例如

• 并且可以使用../../pics/somepic.jpg或/mydomain/pics/somepic.jpg作为图片。>>