理解和使用jsp与html中img标签中src的相对路径

写Java大作业写出来的bug总结

时隔这么久，我终于更博了（暑假估计要更得多吧？？）

------------------------------------------------------------------------------------------

话不多说，今天写的是在SSM框架中写界面的时候的bug，可以当前端来看

插入图片的语句就不多说了

<imj src="{今日的重点}"  />

src中书写的是图片的路径，当今图片路径以相对路径居多，so.

如何理解和使用html中的img标签（图片标签）中src属性的相对路径？既然是相对，

你就要注意是相对参照物，简单来说就是相对跨了几个文件夹

 

1.html（或者jsp）文件与图片在同一个文件夹中，那么直接冠以图片名即可

以上图为例，在"blank.jsp"文件中使用"kilei.jpg"图片时，就可以直接<imj src="kilei.jpg" />

另外<img src="./kilei.jpg" />和<img src="kilei.jpg" />是一样的，但是当前路径。

 

2.如果我们跨越了文件夹

  我们通常都会使用一个文件夹来存储图片，那么我们使用图片就不能单纯的用名字了

我们就需要用<imj src="../kilei.jpg" />（前面添加“../”）

../    就是代表上层目录。

 

3.如果，我还要再跨文件夹嘞？

如图，我们的jsp文件在   A/pages 文件夹中 ，而我们的图片在A/imj 文件夹中 

那我们相对而言就跨越了两个文件夹，那我们就需要更换调用方式 <imj src="../../kilei.jpg" />