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

本人是在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)})` }"
相关推荐
AI工具人PM产品经理5 小时前
PIL 脚本批量生成小程序图标实战:零美工做出全套 tabBar
微信小程序·canvas·pil·python3.11·工具脚本
拖孩5 小时前
一个人 + AI 做的小程序,一个月赚了 36 块
前端·后端·微信小程序
qq_350897211 天前
trea实用工具
vue.js·uniapp
9765033351 天前
iOS 上架/审核 4.3a全面解读-最新
flutter·ios·objective-c·uniapp
DK185838322522 天前
【源码开源部署】电竞代练护航陪玩小程序:全游戏服务平台完整解决方案(附宝塔部署教程)
游戏·微信小程序·uni-app·开源·php
黑马程序员毕设2 天前
基于Java的仪器管理系统设计与实现
java·开发语言·spring boot·后端·微信小程序
上单带刀不带妹2 天前
小程序图片缓存问题:时间戳和版本号解决图片不更新
缓存·小程序·vue·uniapp
bug总结2 天前
uniapp 微信小程序请求规范
微信小程序·小程序·uni-app
m0_462803883 天前
从信息管理视角看「按桌顺序分桌」:云分组优先分组的实现逻辑
微信小程序
爱折腾的编程老炮3 天前
潮玩品牌自建抽盒机小程序——商城 + 抽盒 + 一番赏 + 会员 + 社区,一套代码怎么搭
spring boot·小程序·vue·mybatis·uniapp