案例如下:
项目中有两个图片,主页面为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" />
前一种是绝对路径,从项目开始,第二种是相对路径
总结:
“../”表示上一级目录开始
“./”表示当前同级目录开始
“/”表示根目录开始