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');` 

以便它转到父目录。

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

Answer 1

关键是要记住浏览器对层次结构的看法是什么：

1. 假设localhost/mydomain是您站点的根目录，则：

   ...像localhost/mydomain/somepage.php这样的页面：

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

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

   ...像localhost/mydomain/somepages/somepage.php这样的页面：

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

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

2. 假设localhost是您站点的根目录，则：

   ...像localhost/mydomain/somepage.php这样的页面

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

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

   ...像localhost/mydomain/somepages/somepage.php这样的页面

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

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