关于EL表达式不能通过img src获得图片的问题

最新推荐文章于 2024-03-25 22:18:12 发布
最新推荐文章于 2024-03-25 22:18:12 发布
阅读量1.8k 收藏 1
点赞数 1
分类专栏： jsp 文章标签： 无法获取图片
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38359535/article/details/102629064
版权

无法获得图片的原因始终是路径不正确，所以这个问题最终的关键点还是在于绝对路径与相对路径。
1.一般…/image/xx.jpg这种相对路径的写法用于css文件中，是根据css文件的路径计算的
2.如果在html、jsp页面中，直接这样写，很容易出现找不到图片的问题。除非你确定没有其它转发请求，然后还要求你精确的写出相对的路径。所以在jsp、html中一般都直接写明绝对路径(如:${pageContext.request.contextPath}/image/xx.jpg)来确保能准确获取到图片位置。

PS：如果出现页面没能展示出图片的问题的话，可以右击空白图片或查看页面源代码获取具体的图片路径查看错误。

insaneof
关注
专栏目录
EL表达式截取字符串
qq2622482966的博客
09-18 265
引入标签库 <%@taglib prefix=“fn” uri=“http://java.sun.com/jsp/jstl/functions” %> <img src="${fn:substringAfter("这里是要截取的字符串","从什么位置开始")}" alt="组织机构代码证"> 需要使用到的jar文件 <dependency> ...
IDEA-maven-新手避雷指南（el表达式失效，镜像，get乱码，项目结构，依赖，路径，VM Options）） 持续更新
weixin_47071411的博客
10-05 292
踩过的雷 将普通javaweb项目改为maven webapp时不能先转移文件再配置pom.xml中依赖，这样会引起很多奇奇怪怪的麻烦，得先配置好所有的依赖和插件 el表达式${pageContext.request.contextPath}在web.xml 2.0版本下不能识别，得手动跟换版本，IDEA自动给你配置的版本可能是2.0会，所有得手动在web.xml里更改，这里提供一下web.xml代码 <?xml version="1.0" encoding="UTF-8"?> &l
＜el-image src=“img/export.png“加载不出来？
hebian1994的博客
09-20 262
原因：mave构建的时候，target目录下竟然没有img文件夹。 target是idea默认的编译路径，用来存放项目的：文件和目录、jar包、war包、class文件等。 实际上，项目发布后，访问的所有东西都是target里面的。 解决：删掉target，重新发布后新生成的target下有了img文件夹，再访问就可以了。 ...
表格图片在excel中打开不显示
MrFlySand的博客
12-11 886
问题描述 1、excel中只显示图片的路径名称，不显示图片 2、目录结构：excel文件和图片文件夹在F:\Desktop\2023年9月 记者团成员信息统计表(全)\路径中 3、从上面3张图片可以观察到表格O列中的值是文件夹图片中的文件名称 解决办法 在N列输入="<table><img src='path"&O2&"' height=133 width...
EL表达式处理带图片内容的显示问题
11-13
EL表达式处理带图片内容的显示问题，在开发过程中总结出来，有详细的使用说明和举例，简单易懂。
el-image中的src的语法
abby_yaya的博客
02-19 1288
el-image中的src问题
EL表达式js取值加引号但图片路径编译出错
未曾远去
12-20 540
EL表达式js取值加引号但图片路径编译出错如下图所示： 数据库保存图片路径为\sxserver\tempFile\idcard\2018/12/20\15295549448.png var idcard="${UIcard.filePath}"; alert(idcard); js用EL表达式取值要加引号不然报错，加上之后路径会出错。但是在span和input中取值就没问题 解决方法...
EL表达式
hmy_362322的博客
08-13 412
总结了下自己在程序中常用的EL 1、    等价于  ${ param.user}如果得到一个user为空，则不显示null,而是不显示值 在js可以这样赋值 var appid='${param.appid}';var code='${param.code}';var id='${param.id}'; 2、       等价于     ${user.addr}。 3、     等价于
el表达式的使用以及JSTL标签
weixin_61946177的博客
04-15 1604
1、el表达式格式：${expression} 2、使用jstl标签式要进行jar包导入并进行导包 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="a" %> 3、域属性相关(4个) pageScope：从page范围域属性空间中查找指定的key requestScope：从request范围域属性空间中查找指定的key sessionScope：从session范围域属性空间中查找指定的key a...
el表达式教程
04-21
### EL表达式教程 #### EL简介 EL (Expression Language)，即表达式语言，是一种...通过上述介绍，相信您已经对EL表达式有了较为全面的认识，接下来您可以根据实际项目需求灵活运用EL表达式，实现更为丰富的功能。
EL表达式合并table列rowspan
刘玉杰 点滴之笔
03-14 6188
如下图问题的描述：         如图所示需要将发货批次相同的列合并，对应的收货状态和查看备注合并。刚开始的思路只限于用js写，后来经过同事的指点发现永EL表达式就能很好的解决，看代码： 发货情况 发货批次 商品 发货数量
＜c:if test=“${}“＞xxxx＜/c:if＞一般test内容用el表达式。
weixin_44769957的博客
11-21 3706
refer if标签的应用： 一般应用在登录界面， 如果你没登录就显示请登录、请注册， 否则就显示你的用户名。 比如天猫界面，这是未登录的： <c:if test="${order.paystate==0 }"> <a href="${pageContext.request.contextPath}/delOrderById?id=${order.id}" onclick="javascript:return o_del()">刪除</a> </c:
JavaWeb--EL表达式&JSTL 标签库
最新发布
a369966697的博客
03-25 749
现在其实从大厂招聘需求可见，在招聘要求上有高并发经验优先，包括很多朋友之前都是做传统行业或者外包项目，一直在小公司，技术搞的比较简单，没有怎么搞过分布式系统，但是现在互联网公司一般都是做分布式系统。所以说，如果你想进大厂，想脱离传统行业，这些技术知识都是你必备的，下面自己手打了一份Java并发体系思维导图，希望对你有所帮助。此收集整理了一份《Java开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。**
Excel中 使用链接 批量导入图片
sun0322
03-25 7892
■前言 我之前看到很多使用VBA方式导入图片的。 今天发现，使用复制链接这种方式，也可以导入图片。 ■导入方法 <table><img src="C:\MyPicture\2020-03-24_205819.png" width="120" height="148"> ①复制上面的文本 ②Excel中，【开始】→【粘贴】→【选择性粘贴】 ③选择Unic...
javaEE001.03 HTML 标签02：重点标签（插入图片＜img src、超链接＜a 、表格＜table＞、表单＜form、默认值）
小良的博客
11-25 1445
系列文章目录 文章目录系列文章目录前言一、重点标签1、插入图片2、超链接3、 表格4、 表单总结 前言 上一篇讲了HTML的常用标签 这一篇继续 一、重点标签 1、插入图片 * 语法：<img src="路径" alt="路径有误时的提示文本" title="鼠标悬停时的提示文本"> * 路径问题 * 目标文件与当前文件在同包，直接查找目标文件 * 目标文件与当前文件不在同包，先找目标文件的父包，再找目标文件。 * 返回上一级： ../ 2、超链接 * 语法：<a
这是HTML常用几个标签详细解析！！！
a754334599的博客
12-03 675
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数..
前端img 的src如果有图就显示图 如果没有图小图不显示
weixin_57725256的博客
10-31 439
img的src的小图不显示
el-image加载本地图片
weixin_35751412的博客
12-29 3821
可以使用以下方法来加载本地图片到 el-image 中: 使用 require 函数: <template> <el-image:src="require('@/assets/your-image.png')"></el-image> </template> 使用 require 函数并传入图片的相对路径: <template&g...
vue3 class判断是否有isActive 然后改变img图片地址
06-08
在 Vue 3 中，可以使用以下方式来判断一个元素是否有指定的 class 并改变 img 图片地址： 1. 使用对象方式绑定 class，对象的属性名是类名，属性值是一个表达式，该表达式的值为 true 或 false，如果该表达式的值为 true，则该元素会添加该类，否则不添加。 例如，判断一个元素是否有名为 "isActive" 的类，并根据其值来改变 img 图片地址： ``` <template> <div :class="{ isActive: hasActiveClass }"> <img :src="imageUrl" /> </div> </template> <script> export default { data() { return { hasActiveClass: true, imageUrl: 'https://example.com/image1.jpg' } }, methods: { changeImageUrl() { if (this.hasActiveClass) { this.imageUrl = 'https://example.com/image2.jpg' } else { this.imageUrl = 'https://example.com/image1.jpg' } } } } </script> ``` 其中，hasActiveClass 是一个在 Vue 实例中的 data 中定义的布尔值，如果它的值为 true，则该元素会添加 "isActive" 类。 当 hasActiveClass 的值改变时，可以调用 changeImageUrl 方法来改变 img 的图片地址。 2. 使用 ref 和 $el.classList.contains() 方法判断一个元素是否包含指定的类，并根据其值来改变 img 图片地址。 例如，判断一个元素是否有名为 "isActive" 的类，并根据其值来改变 img 图片地址： ``` <template> <div ref="myDiv"> <img :src="imageUrl" /> </div> </template> <script> export default { mounted() { if (this.$refs.myDiv.classList.contains('isActive')) { this.imageUrl = 'https://example.com/image2.jpg' } else { this.imageUrl = 'https://example.com/image1.jpg' } }, data() { return { imageUrl: 'https://example.com/image1.jpg' } } } </script> ``` 其中，this.$refs.myDiv 表示一个指向该元素的引用，可以使用 $el 属性来访问该元素的 DOM 对象。当该元素的类名发生变化时，可以通过重新调用 mounted 方法来判断该元素是否包含指定的类并根据其值来改变 img 的图片地址。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值