关于文件图片路径的引用

博客以项目中show.jsp主页面访问两个图片为例,介绍了访问图片的方法。包括访问同目录下图片,可使用相对路径;访问不同目录下图片,可使用绝对路径或相对路径。还总结了 '../'、'./'、'/' 分别代表的目录起始含义。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

案例如下:

项目中有两个图片,主页面为show.jsp,要在主页面中访问两个图片

第一种,访问同目录下的图片,即当前jsp页面与要访问的图片位于同一文件夹下

<p>图片的显示 qq.jpg在webapp/img文件夹下  头像.jpg在webapp下</p>
<p>显示头像.jpg,与当前jsp在同一文件夹下</p>
<img src="头像.jpg" />
<p>显示头像.jpg,与当前jsp在同一文件夹下,使./表示当前同级目录开始</p>
<img src="./头像.jpg" />

两种方式显示的头像.jpg都正常显示,一个是使用的相对路径,一个是从当前jsp页面所在的目录出发

第二种,访问不同目录下的图片,即当前jsp页面与要访问的图片位于不同文件夹下

<p>显示qq.jpg,与当前jsp不在在同一文件夹下,使用绝对路径/,表示从根目录开始</p>
<img src="/spring_office/img/qq.jpg" />
<p>显示qq.jpg,与当前jsp不在在同一文件夹下,使用相对路径,以当前jsp为参照</p>
<img src="img/qq.jpg" />

前一种是绝对路径,从项目开始,第二种是相对路径

总结:

“../”表示上一级目录开始
“./”表示当前同级目录开始
“/”表示根目录开始

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

荒--

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值