首页 > 解决方案 > 文件路径导航变得很奇怪

问题描述

这可以毫不费力地在 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 都在不同的文件夹中,您将如何渲染图像?

标签: javascriptfilepath

解决方案


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


推荐阅读