当前位置: 首页 > article >正文

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

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

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

解决办法:

:style="{ backgroundImage: 'url(' + el.imagepath + ')' }"

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

:style="{ backgroundImage: `url(${JSON.stringify(el.imagepath)})` }"

http://www.kler.cn/a/398318.html

相关文章:

  • docker-hub 无法访问,使用windows魔法拉取docker images再上传到linux docker环境中
  • Python3.11.9+selenium,选择证书用多线程+键盘enter解决
  • Spark 之 Cache
  • 动态规划-完全背包问题——322.零钱兑换
  • 如何知道表之间的关系(为了知识图谱的构建)
  • 8.C++面向对象5(实现一个较为完善的日期类)
  • 内容占位符:Kinetic Loader HTML+CSS 使用CSS制作三角形原理
  • SQL面试题——抖音SQL面试题 最大在线用户数
  • Android OpenGLES2.0开发(八):Camera预览
  • 鸿蒙中如何实现图片拉伸效果
  • 计算机网络 (4)计算机网络体系结构
  • 分享一个小米手环自定义表盘安装教程与下载(支持最新小米手环9pro)
  • day01(单片机高级)单片机控制ESP8266连接TCP
  • 自制C++游戏头文件:C++自己的游戏头文件!!!(后续会更新)
  • JMeter中添加请求头
  • 3. Django中的URL调度器 (re_path 和正则表达式)
  • Linux运维篇-iscsi存储搭建
  • 每日练习(字节青训)
  • Windows配置域名映射IP
  • 软考教材重点内容 信息安全工程师 第 3 章 密码学基本理论
  • 【redis】—— 初识redis(redis基本特征、应用场景、以及重大版本说明)
  • 【第二课】Rust变量与数据类型(一)
  • Android OpenGL ES详解——立方体贴图
  • 电子电气架构 -- 下一代整车电网
  • 微服务即时通讯系统的实现(客户端)----(3)
  • React学习05 - redux