解决背景图因为图片路径中携带括号导致图片无法显示的问题

本人是在uniapp中写微信小程序 遇到了这个问题,调用后端接口传来的数据,发现有些背景图能正常显示,但有些不能,最后发现问题是因为路径地址携带了()的原因
如下:

注:该地址无法正常访问,放在这只是做个样式

javascript 复制代码
background-image:url("http://www.c.cn:81/scx20326/2009160703(00084).jpg");

解决办法:

javascript 复制代码
:style="{ backgroundImage: 'url(' + el.imagepath + ')' }"

将上述代码替换成下面这段

javascript 复制代码
:style="{ backgroundImage: `url(${JSON.stringify(el.imagepath)})` }"
相关推荐
阿凤211 天前
后端返回文件二进制流
开发语言·前端·javascript·uniapp
Evavava啊1 天前
iOS微信小程序WebView中按钮背景渐变显示问题解决方案
ios·微信小程序·h5·渲染
阳光雨滴1 天前
微信小程序使用canvas自定义富文本内容做图片分享
微信小程序·小程序
这是个栗子1 天前
【微信小程序问题解决】微信小程序全局 navigationBarTitleText 不起作用
微信小程序·小程序·导航栏
lpfasd1231 天前
从“惯性思维”到“规则驱动”:一次微信小程序修复引发的 AI 编程范式思考
人工智能·微信小程序·小程序
Evavava啊1 天前
微信小程序H5页面iOS视频播放问题解决方案
ios·微信小程序·音视频·h5·http 响应头
星空下的曙光1 天前
uniapp编译到微信小程序接口获取不到数据uni.request
微信小程序·小程序·uni-app
Greg_Zhong2 天前
微信小程序中便捷实现自定义底部tab栏
微信小程序·自定义底部tab
LXXgalaxy2 天前
微信小程序“记住密码”功能的实现与落地 vue3+ts的细致解析
微信小程序·小程序·notepad++
Greg_Zhong2 天前
微信小程序中使用【免费商用】字体的下载和初步认识和使用
微信小程序·阿里巴巴、站酷·腾讯云对象存储(cos)