background-image无法显示图片

在使用js来设置backgroundImage参数时，我发现有些图片无法正常显示，仔细看了区别发现，文件名中带有括号的无法显示

解决方法：

在url的括号内上添加引号，将其固定为字符串，来防止圆括号的冲突问题

backgroundImage: `url('${imgUrl}')`

因为获取的地址是随机的，所以需要加引号来避免发生括号冲突

background-image无法显示图片相关推荐

Android训练课程(Android Training) - 高效的显示图片
高效的显示图片(Displaying BitmapsEfficiently) 了解如何使用通用的技术来处理和读取位图对象,让您的用户界面(UI)组件是可响应的,并避免超过你的应用程序内存限制的方式.如 ...
Android TextView里直接显示图片的三种方法
方法一:重写TextView的onDraw方法,也挺直观就是不太好控制显示完图片后再显示字体所占空间的位置关系.一般如果字体是在图片上重叠的推荐这样写.时间关系,这个不付源码了. 方法二:利用Text ...
[Android] 给图像加入相框、圆形圆角显示图片、图像合成知识
前一篇文章讲述了Android触屏setOnTouchListener实现突破缩放.移动.绘制和加入水印,继续我的"随手拍"项目完毕给图片加入相框.圆形圆角显示图片和图像合 ...
html加载完显示图片,js图片未加载完显示loading效果
js图片未加载完显示loading效果 img{float:left;200px;height:200px;margin:0 10px 10px 0} //判断浏览器 var Browser=new ...
[Android] 给图像添加相框、圆形圆角显示图片、图像合成知识
前一篇文章讲述了Android触屏setOnTouchListener实现突破缩放.移动.绘制和添加水印,继续我的"随手拍"项目完成给图片添加相框.圆形圆角显示图片和图像合 ...
C# WPF 显示图片和视频显示 EmuguCv、AForge.Net测试
C# WPF 显示图片和视频显示 EmuguCv.AForge.Net测试原文:C# WPF 显示图片和视频显示 EmuguCv.AForge.Net测试 WPF 没有用到 PictureBox, ...
自定义相册、九宫格显示图片
一自定义相册结合Glide图片库,加载显示本地图片,并可以实现单选,多选,预览功能.特点加载最近新增图片,GridView显示分文件夹选择图片支持单选,多选(最大9张) 支持大图预览以库的 ...
.net的label的背景如何设置成为透明_css如何设置背景图片？background属性添加背景图片...
在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片.有一定的参考价值,有需要的朋友可以参考一下, ...
div显示图片_图片按照百分比显示部分，不变形
本篇主要介绍一些按照百分比来截取显示一部分图片, 采用css+div来定义,我自己试过一个做背景,一个图片,然后百分比显示图片但是这种方式图片变形,所以现在这种方式是两个都采用背景,上面的一个百分比显 ...
关于background背景和img图片
我的CSS苦逼学习日记(2) img的相关内容: 因为img是行内替换元素,可以直接设置高度和宽度等.但是不会独占一行若直接使用img不给任何修饰,则是显示图片的原本大小 img {width: 6 ...

background-image无法显示图片

background-image无法显示图片相关推荐

最新文章

热门文章