今天下午在学习前端的一些基础，到了把图片导入网页的章节，我发现在eclipse内置的浏览器能够完美的显示，只要你把路径写好了就行。如
img alt="显示错误" src="C:UsersAdministratoreclipse-workspace微信截图_20171217170822.png"..
这种是带盘符直接访问本地路径获取图片的，直接写上去eclipse能显示是没错，但把链接复制到chrome上就显示不出来了。
我在网上找了很多资料，有人说需要改tomcat上的server.xml之类的。有的说在工程上另外创一个images，然后把图片放进这个工程文件夹就行了。我一开始照做了，发现还是不行，因为这种方法一般是用editplus等工具才好用的，而我用的是eclipse，eclipse工程创建时会有一些路径文件的，要创建images文件夹不知道该在哪创建。众多论坛上提供了方法似乎都可行，但有点无从下手的感觉。这时，我无意中看到了百度知道有一个相关问题，我点进去看了看。诶，终于让我找到了问题，这里我复制一下人家的原话：
“eclipse 运行的时候会自动加载到 tomcate目录里。 所以 你最好把图片放在 你的项目WebContent 文件夹里面的image里，不是放在src那里。 然后再 jsp里面直接就可以 用 相对目录 例如 <img src="..images op.gif"></img> 就可以。”
噢！原来如此，其实创建images是没错的，但是我是以为把这个文件夹建在“WebRoot”这根目录上的，而其实是正确做法是建立在“WebContent ”上，于是我把文件夹移动到了WebContent中，再修改其相对路径，即“src="images/微信截图_20171217170822.png"，点击运行，浏览器上终于出现了那个苦恼我许久的图片。
简单来说，只需要把images文件创建在与html、jsp等文件同一个路径即可，另外代码里的路径写成”src="images/xxxxxxxxxxx.jpg“。这样在运行时便会在同一路径下寻找images文件夹且读取内部相应的图片文件。
希望我的小白经历能给遇到同样问题的同学们提供帮助！
转自：http://blog.csdn.net/qq_32618353/article/details/78828528