美文网首页
动态更换背景图片

动态更换背景图片

作者: 李小白呀 | 来源:发表于2021-07-13 17:34 被阅读0次

在vue中动态更换背景图片
1.上传图片
先在后台将图片上传到附件服务器,并将id存到数据库中,留下维护接口。
2.获取图片
通过参数和id获取到图片路径。


image.png
image.png
image.png

3.渲染图片
以背景图片的形式将图片渲染到页面中。(写为行内样式)

backgroundImage:'url('+imageUrl+')'
image.png

相关文章

网友评论

      本文标题:动态更换背景图片

      本文链接:https://www.haomeiwen.com/subject/lhyspltx.html