JavaScript从另一个目录加载图像文件

Question

在JavaScript中我想从不同的目录加载图像文件。我的文件结构是这样的：

Project/js/script.js
Project/img/1.png

在script.js我想要以下内容：

document.getElementById("image").src = "Project/img/1.png";

我如何使这项工作？

Answer 1

您的HTML文件建立了评估其他相对路径的基本路径。因此，如果您的HTML文件路径是"http://example.com/something/Project/index.html"，那么Project目录已经是默认位置，因此您可以访问与Project目录相关的其他内容，如下所示：

js/script.js
img/1.png

任何不以域名或/开头的相对路径都会以http://example.com/something/Project/为前缀。

Answer 2

浏览器并不知道文件所在的 root 文件夹 - 它只知道它从URL中看到了什么。看起来您项目的根位于Project文件夹中，一切都在其中。 （例如，当您转到http://example.com/时，您的网络守护程序已配置为查看“项目”文件夹？）

所以你应该能够做到：

document.getElementById("image").src = "/img/1.png";

第一个斜杠说＆＃34;转到我的根文件夹，无论Web服务器上是什么＆＃34;，然后剩下的就是剩下的路径。