昊虹AI笔记网

 找回密码
 立即注册
搜索
查看: 7126|回复: 0
收起左侧

[编程基础] 相对路径的当前目录、上级目录、下级目录怎么表示?

[复制链接]

249

主题

252

帖子

999

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
999
昊虹君 发表于 2022-9-22 16:37 | 显示全部楼层 |阅读模式
相对路径的当前目录、上级目录、下级目录怎么表示?

相对路径的当前目录表示方法:./

相对路径的上级目录表示方法:../

相对路径的下级目录表示方法:./下级目录名/

举例说明如下:

在路径:F:/pic/A/views 下有一幅图和一个文件,名字分别为“view_01.jpg”和“KKK”,如下图所示:


以HTML的<img />标签为例:

如果我的代码文件位于路径 F:/pic/A/views 下,现在我要访问图片“view_01.jpg”,那么相对路径像下面这样写:
  1. <img src="./view_01.jpg" />
复制代码


如果我的代码文件位于路径 F:/pic/A/views/KKK 下,现在我要访问图片“view_01.jpg”,那么相对路径像下面这样写:
  1. <img src="../view_01.jpg" />
复制代码


如果我的代码文件位于路径 F:/pic/A/views 下,并且路径 F:/pic/A/views/KKK 下有另外一幅图片,名字为“view_02.jpg”,现在我要访问图片“view_02.jpg”,那么相对路径像下面这样写:
  1. <img src="./KKK/view_02.jpg" />
复制代码


如果我的代码文件位于路径 F:/pic/A/views 下,并且路径 F:/pic/B/beauty 下还有一幅图片,名字为“beauty_01.jpg”,现在我要访问图片“beauty_01.jpg”,相关截图如下:

                                          


那么相对路径像下面这样写:
  1. <img src="../../B/beauty/beauty_01.jpg" />
复制代码


以上相对路径均实测无误。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|昊虹AI笔记网 ( 蜀ICP备2024076726 )

GMT+8, 2025-4-20 14:45 , Processed in 0.018320 second(s), 18 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表