jsp图片因为路径导致加载不出的问题

问题描述

今天，在学习jsp时遇到了一个很奇怪又很经典的问题，
即静态文件（如图片）加载不出。

这是我的路径,这个地址是对的，我的图片就放在上一级目录的pic文件夹下但还是报错

<img src="../pic/500.png" alt="错误"/>

通过控制台看一下错误的原因，

可以看到图片404错误，一般我们的URL应该是"http://localhost:8080/"+“你的项目名”+"/请求路径"，
而上图中的URL却少了项目名导致了404.

解决方法

方法一

获取

<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

修改图片的地址

<img src="<%=basePath%>/pic/500.png" alt="500错误"/>

图片出现，成功了
将图片地址改成这样也行（推荐），读者可以尝试一下

<img src="pic/500.png" alt="500错误">

再看控制台，可以发现，图片的请求地址URL正确。

方法二

直接将图片地址改成

<img src="${pageContext.request.contextPath}/pic/500.png" alt="错误">

jsp图片因为路径导致加载不出的问题相关推荐

html怎么帮图片占位,html图片和css背景图片哪个先开始加载？css占位图怎么操作？...
如果你的网站是个图片站,首页显示了很多图片.那么你就会有图片多了导致加载比较慢的困扰.这个时候有几个方案解决. 1.物理解决方案:加大网站的带宽+压缩图片大小: 2.用图片懒加载js,图片没加载出来之 ...
Glide加载不出图片
Glide加载不出图片使用Glide之后加载不出图片,需要在你的AndroidManifest.xml中添加网络权限添加完图片如果还是显示不出来还需要在 AndroidManifest.xml里面 ...
linux系统css样式加载不出,Linux系统虚拟主机网站访问页面css样式文件加载失败或图片无法显示的分析解决...
问题场景:客户使用Linux系统虚拟主机,网站程序上传之后访问发现页面排版有问题,css样式文件加载失败,部分图片显示不出来,以织梦CMS程序为例,如下图所所示: 问题原因: 1.Linux系统虚拟主 ...
Android实现图片的高效批量加载
前言:图片的加载,图片的处理,是Android开发程序员在开发中经常遇到的问题,比如,图片的压缩,图片批量的网络获取等.但是往往处理不当,就会报oom,那么如何解决这一类问题了,在分析了弘扬大牛的图片 ...
小程序预览加载不出图片
小程序预览加载不出图片比如在开发者工具做了一个swiper轮播图 <view> <swiper indicator-dots="true" indicator- ...
Node 本地网站服务器网页加载不出图片的解决方法
文章目录前言遇到的问题源代码前言最近在自学 Node.js 准备入门前端在用 Node 配置本地网站服务器的时候连上了自己期末的前端综合实验设计的作业遇到了一些问题来记录一下. 遇到的问 ...
.net core api 图片上传与加载
关于.net core API 图片上传与加载文件夹 [TOC] 1.上传图片 1.配置Swagger 与文件夹.接口添加 1.建立.net core api 项目下载 NuGet 包 Swash ...
SSM 实训笔记 -10- 使用 sessionStorage 存储数据、js 图片验证码、登录加载动画
SSM 实训笔记 -10- 使用 sessionStorage 存储数据.js 图片验证码.登录加载动画本篇内容: (1)在登录成功时,使用 sessionStorage 存储用户的用户名,并在登录 ...
关于WPF的ComboBox中Items太多而导致加载过慢的问题
[WFP疑难]关于WPF的ComboBox中Items太多而导致加载过慢的问题 ...

jsp图片因为路径导致加载不出的问题

问题描述

解决方法

方法一

方法二

jsp图片因为路径导致加载不出的问题相关推荐

最新文章

热门文章