关于解决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里面直接就可以 用 相对目录 例如 <img src="..\images\top.gif"></img> 就可以。


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

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

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

评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值