img标签图片路径问题

2018-03-10  本文已影响0人  PApudding

一、问题描述:

在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学习笔记(三)——虚拟目录及虚拟子目录篇

三、实际解决方案

机智的我在sogou上搜索了 ”tomcat配置虚拟路径失败“ 然后找到了下面这个页面
tomcat 配置图片虚拟路径不起作用解决办法
里面说

单单改tomcat下的server.xml去配置虚拟路径不够,eclipse下也要进行对tomcat的配置

我使用的是intellij idea 所以是否有异曲同工呢?
我尝试如下操作
1.首先打开project structure页面,选择Modules,选择中间一竖的Web选项


2018-03-10 15-38-30屏幕截图.png
  1. 然后找到Web Resource Directories


    2018-03-10 15-39-20屏幕截图.png
  2. 点击右侧绿色按钮 添加新的资源路径


    2018-03-10 15-39-39屏幕截图.png
  3. 添加了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
上一篇 下一篇

猜你喜欢

热点阅读