怎么才可以在jsp界面中插入图片

这篇文章主要介绍了如何在jsp界面中插入图片，文章通过示例代码和运行结果图介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
最近初学Java Web遇到一个问题，就是在jsp中没法显示图片。
在网上搜索了许多内容，基本都是说路径问题，因为刚开始是凭着自己的一点半吊子html经验写的<img src="代码">，而且我自认为不可能写错路径，但后来发现确实是路径出现了一些问题。（由此可见不要过分相信自己的半吊子经验）
首先我们先要重新来认识下相对路径和绝对路径。
https://zhidao.baidu.com/question/96634139.html
而据我在网上的搜索来看在jsp中是无法直接使用绝对路径的。（需要对tomcat进行配置）
所以要使用相对路径，所以你的图片文件夹和你的jsp文件要在同一级（也就是同一个目录下），这样就可以很好的调用。
汉语词典下面给出我对这个问题的最佳实践
0.准备部分：建立Dynamic Web Project。（在快搜这里我的项目名为Shop3）
1.在WebContent下建立image文件夹，并放入图片logo.png。
2.在WebContent下建立index.jsp文件。
在这里我们可以看到jsp文件和index文件是在同一个目录下面的。
3.在index.jsp中编写图片路径代码。
1
2
3
4
5
</head>
<body>
<img src ="image/logo.png" />
</body>
</html>

怎么才可以在jsp界面中插入图片相关推荐

JSP界面中如何用a标签带参数跳转到控制器？
JSP界面中如何用a标签带参数跳转到控制器? JSP页面: <a href="/vehicle/detail" class="reserve" style ...
图片适应窗口_在word中插入图片，如何避免失真模糊？实用文档建议收藏
插入图片在WORD文档中插入图片是一个相当常用的操作. 一般通常的做法,是使用工具截图或在其他工具中复制的图片类内容,然后在WORD文档中粘贴出来. 还有一种做法,是使用功能区"插入&qu ...
vue + iview Table表头中插入图片
vue + iview Table表头中插入图片开发中遇到一个问题,在表头中需要插入一个公式,不想再引入别的插件所以考虑用图片代替正常代码中这样引入图片前端可以正常显示: <img styl ...
github用相对路径显示图片_【图文详解】如何利用Github在Markdown中插入图片？
最近尝试用利用Github在Markdown中插入图片,遇到诸多问题--主要是不知道如何用GitHub上传图片! GitHub是一个纯英文网站,网上目前有的教程又都较为简略,一般只有文字说明.但缺乏图 ...
如何快速在PDF文件中插入图片
在 PDF文件中插入图片我优先想到了 Adobe Acrobat DC,胜任此项工作完全 OK.但是有个问题,Acrobat 会自动识别 PDF 中的文字.如果有手写字迹经过 Acrobat 识别再保 ...
如何在excel2019指定的单元格中插入图片
最近,要完成一些论文的调研及整理工作,针对各个论文中提到的方法,系统模型等. 原想在单元格中插入图片,发现单元格右键插入,压根就没插入图片这一项功能,如图所示故在菜单栏中,找到插入 -> 图片 ...
在html中怎么插入动态图片,如何在gif中插入图片动态图片某1帧插入图片并控制显示时间|动态图片中插入图片...
大家还记得我以前的一个教程嘛?就是如何在视频中插入图片并控制其显示时间,有印象的话就太棒了,没印象的或就点击上边的文字自己做一下功课吧!! 今天的教程内容和上边所讲到的教程有点相似,都是插入图片,但是 ...
利用ClaudiaIDE插件在VS中插入图片
利用ClaudiaIDE插件在VS中插入图片效果图下载设置插件效果图下载 github链接找到相应的版本如下图所示我下了个2019的链接: 百度网盘提取码:5xi8 设置插件打开VS中 ...
计算机word插图教案,《在WORD文档中插入图片》教学设计
一.教学设计思想现代教育理论提出"学生是教学活动的主体,老师是教学活动的主导".教师的主导作用体现在组织.指导.帮助和促进学生的学习,充分发挥学生的主动性.积极性.创造性和合作性 ...

怎么才可以在jsp界面中插入图片

怎么才可以在jsp界面中插入图片相关推荐

最新文章

热门文章