项目场景：springboot+thymeleaf

提示：动态给div背景图片赋值
例如：项目场景：通过Ajax请求，在页面图片未加载之前获取到数据库中背景图片的地址，并赋值给div

问题描述：通过Ajax把data里面的图片地址赋值给div

例如：要赋值的div

<div class="container" id="bjt">

js中的代码

<script th:inline="javascript" event="onload" for="window">$(window).ready(function () {$.ajax({type: "post",async : true,dataType:"json",contentType: "application/json",url: "sysconfig/selectByPrimaryKey",data: {"id":"1l",},success: function (data) {console.log("data类型"+typeof data); //结果是stringconsole.log("data"+JSON.stringify(data));console.log("背景图片data"+data.loginPicture);$("#bjt").css("background-image","url("+data.loginPicture+")");datai = JSON.stringify(data);}});});
</script>

动态给div背景图片赋值相关推荐

在angular7中HTML动态加载背景图片
通过使用: <div [style.backgroundImage]= 'url('+imgURL+')'>背景</div> 实现动态加载背景图片功能具体内容请查看:mojoc ...
重拾MFC小细节之动态更新对话框背景图片
在大一时,学过MFC,不过那时刚接触编程,C/C++学完不久,跟重要的是没动手编程,后来又做ACM去了.现在大三了,各种实验课设老师都要求用VC可视化,于是借着机会学了点MFC皮毛,在此总结一些常用技 ...
html图片菱形,CSS3 菱形拼图实现只旋转div 背景图片不旋转功能
需求背景使用 vue 做的项目,业务需求有一个拼图效果,默认是深色的背景图,上面分五个区域,每次会亮一个区域,整张图都亮,拼图完成.先来看一下最终的效果图. 应用到的知识点: background- ...
html 背景图片自动旋转,CSS3 菱形拼图实现只旋转div 背景图片不旋转功能
需求背景使用 vue 做的项目,业务需求有一个拼图效果,默认是深色的背景图,上面分五个区域,每次会亮一个区域,整张图都亮,拼图完成.先来看一下最终的效果图. 应用到的知识点: background- ...
div背景图片不显示的问题
现象:div背景图片不显示的问题解决问题步聚: 1,改变一下控制div样式的css文件,例如:高设大点,或设一下边框的颜色,如果没改变的话,你知道什么原因了吧,样式的文件路径不对了. 2,一般错在第 ...
div嵌套div 背景图片不显示的问题
这几天在做一个小Demo的时候碰到了如上的问题,一个DIV嵌套多个DIV时,父容器DIV不显示背景图片.同时结合之前碰到类似的问题,我归纳了如下几个解决方法: 1.就是常见的子div 背景把父di ...
div背景图片等比例缩小如何居中
有时候我们想通过CSS使背景图片background-image居中显示,但是发现CSS语法并没有提供background-align:center这样的用法,这篇教程详细地讲解了CSS背景图片bac ...
vue使用v-for动态绑定div背景图片
以下为element ui的走马灯组件中插入div <template><div class="block"><span class="de ...
html div背景图片路径,css如何设置背景图片位置？
在使用背景图片时,经常会遇到背景图片所在的位置不是我们想要的,那如何设置背景图片的位置呢?下面我们来看一下css设置背景图片位置的方法. 在背景图片的背景图片位置属性中,background-posi ...

动态给div背景图片赋值

项目场景：springboot+thymeleaf

问题描述：通过Ajax把data里面的图片地址赋值给div

动态给div背景图片赋值相关推荐

最新文章

热门文章