javascript - 文件路径导航变得很奇怪
问题描述
这可以毫不费力地在 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 都在不同的文件夹中,您将如何渲染图像?
解决方案
路径的相对性来自您尝试修改的 HTML 文档的 POV。您尝试修改的 HTML 文档看不到路径“img/Parcels.png”(也可以不使用斜杠尝试),因为它不存在或者因为存在禁止它的安全文件访问限制。
推荐阅读
- python - 循环和计数python 2d数组
- html - 如何在危险的SetInnerHTML中设置默认值?
- azure - Azure 静态网站 - 在 Chrome 中显示旧内容
- java - Java Spring Test Autowired Controller 为空错误
- python - 无法在 Django 中显示静态图像和加载 CSS
- python - 在pyqt中使用sceneEventFilter捕获悬停事件
- api - WSO2 ESB 返回一串 json 结构
- flutter - Sliver Appbar [Collapsing Toolbar] 在 Flutter 中从左到中动画标题
- numpy - 许多矩阵乘积的数值稳定性
- git - Git Blame 在一个开发人员项目中......如何获取分支和评论而不是作者姓名?