文件路径导航变得很奇怪

Question

这可以毫不费力地在 DOM 上渲染图片

const image = document.createElement('img');
image.setAttribute('src','Parcel.png');
document.body.appendChild(image);

但是当我的 .js 文件在另一个文件夹中并且图像在一个嵌套文件夹中时，没有导航或地球上没有任何东西呈现它。

image.setAttribute('src','/img/Parcel.png')//no luck
image.setAttribute('src','./img/Parcel.png')//no luck

如果您的 .js 文件和 .png 都在不同的文件夹中，您将如何渲染图像？

Answer 1

路径的相对性来自您尝试修改的 HTML 文档的 POV。您尝试修改的 HTML 文档没有看到路径“img/Parcels.png”（也可以尝试不带斜杠），因为它不存在或者因为存在禁止它的安全文件访问限制。