Javaweb中的相对路径，关于解决web工程在eclipse内置浏览器能显示图片，在外置浏览器不能显示的问题。Javaweb中通过url使用eclipse可以图片，而是用浏览器却得不到

最新推荐文章于 2022-10-29 11:28:31 发布

jay编程

最新推荐文章于 2022-10-29 11:28:31 发布

阅读量578

点赞数

分类专栏： javaWeb

本文链接：https://blog.csdn.net/weixin_45986454/article/details/111404448

版权

javaWeb 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

标题:Javaweb中的相对路径，关于解决web工程在eclipse内置浏览器能显示图片，在外置浏览器不能显示的问题。Javaweb中通过url使用eclipse可以图片，而是用浏览器却得不到

一、效果
在这里插入图片描述点击查看后：
二、注意要点：
* 要放在WebContent文件夹下：此处我的路径写成："bookcover/child/101.jpg" ，bookcover，child是自己随便命名的文件夹名称

完整实例：

<!DOCTYPE html> 
<html lang="zh-CN">
  <head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
  </head>
  <body>
     <!-- 直接显示图片 -->
  		<img alt="找不到" src="bookcover/child/101.jpg">
  	
  	  <!-- 点击后，跳转显示图片 -->
  			<a href="bookcover/child/101.jpg">图片</a>
  </body>
</html>

三、参考blog：关于解决web工程在eclipse内置浏览器能显示图片，在外置浏览器不能显示的问题。

今天下午在学习前端的一些基础，到了把图片导入网页的章节，我发现在eclipse内置的浏览器能够完美的显示，只要你把路径写好了就行。如

img alt=“显示错误” src=“C:\Users\Administrator\eclipse-workspace\微信截图_20171217170822.png”…

这种是带盘符直接访问本地路径获取图片的，直接写上去eclipse能显示是没错，但把链接复制到chrome上就显示不出来了。

我在网上找了很多资料，有人说需要改tomcat上的server.xml之类的。有的说在工程上另外创一个images，然后把图片放进这个工程文件夹就行了。我一开始照做了，发现还是不行，因为这种方法一般是用editplus等工具才好用的，而我用的是eclipse，eclipse工程创建时会有一些路径文件的，要创建images文件夹不知道该在哪创建。众多论坛上提供了方法似乎都可行，但有点无从下手的感觉。这时，我无意中看到了百度知道有一个相关问题，我点进去看了看。诶，终于让我找到了问题，这里我复制一下人家的原话：

“eclipse 运行的时候会自动加载到 tomcate目录里。所以你最好把图片放在你的项目WebContent 文件夹里面的image里，不是放在src那里。然后再 jsp里面直接就可以用相对目录例如就可以。”

噢！原来如此，其实创建images是没错的，但是我是以为把这个文件夹建在“WebRoot”这根目录上的，而其实是正确做法是建立在“WebContent ”上，于是我把文件夹移动到了WebContent中，再修改其相对路径，即“src=“images/微信截图_20171217170822.png”，点击运行，浏览器上终于出现了那个苦恼我许久的图片。

简单来说，只需要把images文件创建在与html、jsp等文件同一个路径即可，另外代码里的路径写成”src="images/xxxxxxxxxxx.jpg“。这样在运行时便会在同一路径下寻找images文件夹且读取内部相应的图片文件。

希望我的小白经历能给遇到同样问题的同学们提供帮助！