《项目经验》静态页面图片找不到

HTML中获取项目根路径的方法background-image: url(${request.contextPath}/before/images/image_3.jpg);JSP中获取项目根路径的方法background-image: url(${pageContext.request.contextPath}/before/images/image_3.jpg)

但是当请求不是跟路径时, 就会出错. 一般做法就是后端传${base} 到前台.

model.put("base", request.getContextPath());

静态页面内引用图片只能用相对路径, 绝对路径会随项目名变化而变化.造成图片找不到.

然而相对路径, 绝对路径都容易搞错.

考虑把图片转成base64代码. 直接写在页面上.

<img src="https://img-blog.csdnimg.cn/2022010704221922401.png">

在线图片转base64

http://imgbase64.duoshitong.com/

《项目经验》静态页面图片找不到相关推荐

Java项目生成静态页面
文章由本人原创,如需转载,请注明转载出处!本文地址: http://blog.csdn.net/xxd851116/archive/2009/06/24/4293239.aspx 第一次做项目需要生成 ...
web前端工程师还没参加工作，项目经验咋积累？用这个办法模拟项目经验非常好，找工作好找多了。
随着技术的发展与革新,优秀的前端框架层出不穷,还没有在选择上拿捏准确的时候,却发现根本学不过来,学了点皮毛又很快忘掉,因为并不是学以致用,可能是出于好奇心.危机感等等原因解除了一些新的知识,但讲起来头 ...
【4003】通过html+css做一个图片列表的静态页面。
[4003]通过html+css做一个图片列表的静态页面. 学习目标: [ 1]学习前端第三天掌握 html与css(基础选择器,有.无序列表相关)入门知识,梳理今天的学习知识点: [ 2]通过已学知 ...
聊聊找工作中的项目经验问题（推荐系统和智能问答）
在求职过程中有这么一句话叫做"金九银十",也就是说,很多时候,求职的黄金时期就是在九月份和十月份,这两个月份中企业需求是最多的,求职的成功率也是最高的.但是随着AI方面的人才越来越 ...
vue-cli3.0 vue打包部署非根目录时，静态资源图片路径错误
项目中需要把应用部署在子路径下,所以就需要修改vue配置和NGINX配置以子路径为market为例.eg.http://localhost:8000/market/ 1.第一步修改vue.conf ...
没有项目经验？软件测试简历项目经验怎么写...
最近看到好多人在问这个问题,也有好多之前自学出来的,或者从某些机构学出来后没有项目经验,然后要找工作了,但是不知道如何下手,那么针对这些问题,今天慷慨解囊,给大家帮助. 我经常听很多小伙伴说,自己的简 ...
java后端简历项目经历_从面试官甄别项目经验的角度，说说如何在简历中写项目经验（Java后端方向）...
在大多的JD(职位介绍)里,会写明该职位需要xx时间的相关经验,换句话说就是需要在简历中看到一定年限的相关商业项目经验,否则估计连面试的机会都没. 在本文里,不讨论这种门槛是否合理,而会以Java相关 ...
使用html5静态页面的总结,幸福西饼：静态页面制作项目总结
在coursera上学完了密歇根大学开的前端入门课,仍然不得要领,听朋友建议从网上找了个实站项目跟着撸了一遍代码,感悟比单纯上课多得多. 这个项目主要是复刻[幸福西饼]的主站和产品列表页,纯静态页面, ...
gulp+PC前端静态页面项目开发
前言: 现在单页面很流行,但是在 PC 端多页面还是常态,所以构建静态页面的工具还有用武之地 gulp构建前言: 如今我们开发web网页的方式主要有几种,使用vue-cli.create-react- ...
tensor转换为图片_为大家介绍图片转换pdf的经验总结！你找对方法了吗？
图片转换pdf怎么做?不少朋友们在学习和工作中都发现了PDF这种文件格式似乎格外的吃香,你收到的很多培训文件和在网上搜罗的一些学习文件,全部都是PDF格式,PDF格式这么吃香?甚至有人让你把图片都转成 ...

《项目经验》静态页面图片找不到

《项目经验》静态页面图片找不到相关推荐

最新文章

热门文章