一、问题描述:
在intellij idea开发环境中,使用TomCat服务器进行网页部署,开发jsp页面。
在使用<img>标签时,其"src"属性内容,无论怎样填写,网页上都不能显示出图像
二、网络解决方案
在网络上我看了JSP页面 用绝对路径显示图片guoyutao7890新浪博客上的解释
首先,图片和工程不在一个盘符下。图片也不能放到工程下。
在JSP 文件中 <img src="C:/Users/fx/Pictures/test.jpg"/> 这样是引不到图片的。因为,JSP页面在引图片的时候是 在页面解析的路径是:<img src="http://localhost:8080/test/images/1.jpg">。也就是说JSP在引图片的时候 是先去你的工程目录下找的。
所以如果要在JSP中引入其他盘符的图片,那只能配置虚拟路径。
所以我便学着建立TomCat的虚拟路径映射
我参考了PANGDD的文章Tomcat学习笔记(三)——虚拟目录及虚拟子目录篇
- 建立虚拟路径映射
在TomCat服务器路径的"conf"文件夹下的"server.xml"文件中的"Host"元素下,添加"Context"元素
例如:
<Context path="/test" docBase="/home/papudding/text" reloadable="true"/>
- path: 为虚拟的路径使用的名字,例如:使用http://localhost:8081/test/就可以访问到本地/home/papudding/text路径下的文件(大概是这样
- docBase:可以设置绝对路径,也可设置相对路径,相对路径是相对 appBase 属性所设的目录而言的
- 然而实际上并没有解决到问题
三、实际解决方案
机智的我在sogou上搜索了 ”tomcat配置虚拟路径失败“ 然后找到了下面这个页面
tomcat 配置图片虚拟路径不起作用解决办法
里面说
单单改tomcat下的server.xml去配置虚拟路径不够,eclipse下也要进行对tomcat的配置
我使用的是intellij idea 所以是否有异曲同工呢?
我尝试如下操作
1.首先打开project structure页面,选择Modules,选择中间一竖的Web选项
2018-03-10 15-38-30屏幕截图.png
-
然后找到Web Resource Directories
2018-03-10 15-39-20屏幕截图.png -
点击右侧绿色按钮 添加新的资源路径
2018-03-10 15-39-39屏幕截图.png -
添加了image文件夹后的项目
2018-03-10 15-40-00屏幕截图.png
四、结果
1.src里的内容
2018-03-10 15-45-22屏幕截图.png
2.网页页面
2018-03-10 15-46-34屏幕截图.png