微信小程序 background-image 报错

2023-11-17

开发过程中使用background设置背景图片在小程序上运行报错如下

报错原因: 微信小程序通过background-image设置背景:只支持线上图片和base64图片,不支持本地图片。

解决:1.图片放到服务器上 使用线上图片

2. base64图片设置步骤如下:

2-1 在网站http://imgbase64.duoshitong.com/上将图片转成base64格式的文本

2-2 在WXSS中使用以上文本:

background-image:url(“data:image/png;base64,iVBORw0KGgo=…”);

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

微信小程序 background-image 报错 的相关文章

  • ant-design-pro 项目运行报错解决

    第一步 安装git 第二步 安装图片输入命令 在运行到npm insatll 这一步的时候一直报错 详情就不写了 试了淘宝镜像一样报错 最后用yarn命令 会报错淘宝镜像运行结尾有报错 所以卸载了淘宝镜像 npm uninstall cnp
  • centos7调整vm.max_map_count的大小及修改系统打开文件大小

    参考博主 centos7调整vm max map count的大小及修改系统打开文件大小
  • JavaScript最后分水岭——正则表达式

    个人简介 个人主页 微风洋洋 博客领域 编程基础 后端 写作风格 干货 干货 还是tmd的干货 精选专栏 JavaScript 支持洋锅 点赞 收藏 留言 好久不见 甚是想念 大家好 我是微风洋洋 也可以叫我洋锅 细心地小伙伴可能已经发现
  • 线性代数-方阵对角化及其应用

    前置知识 1 向量的内积 对于 a x 1
  • Springboot 集成 RabbitMq 实现消息确认机制

    消息确认主要分为两种 发送确认 发送确认包含两种情况 一种是消息是否到达交换机 一种是消息是否到达队列 接收确认 一 发送方消息确认 1 ConfirmCallback 接口 配置文件需要开启配置 publisher confirm typ
  • Linux系统中如何彻底隐藏一个TCP连接?

    前面的文章中 我稍微描述了一下如何隐藏一个TCP连接 https blog csdn net dog250 article details 105372214 在上文中 我采用了 传统 的做法 即hook住proc的 proc net tc
  • [Kubernetes]谈谈容器跨主机网络

    继上篇文章 Kubernetes 浅谈容器网络 自己给自己挖的坑 这篇文章来谈谈容器跨主机网络 要理解容器 跨主通信 的原理 就要来谈谈 Flannel 这个项目 Flannel 项目是 CoreOS 公司主推的容器网络方案 提供容器网络功
  • C#后端代码处理excel,按条件给单元格设置格式

    有时候在一些自定义场景下我们需要给excel表格打上标签格式 比如说财务想给每个月花费最高和最低员工打上标记 在输出表格时内容就已经处理完毕 准备工作 首先 下载Spire xls功能类库 点击这里下载 然后 在后端代码引入命名空间 usi
  • hive的压缩存储格式

    1 5种存储格式 Apache Hive支持Apache Hadoop中使用的几种熟悉的文件格式 如TextFile RCFile SequenceFile AVRO ORC和Parquet格式 Cloudera Impala也支持这些文件
  • Fsm1s

    This is a Moore state machine with two states one input and one output Implement this state machine Notice that the rese
  • C++实现设计模式之观察者模式

    什么是观察者模式 观察者模式是一种一对多的以来关系 当一个对象的状态发生改变时 所有依赖于他的对象都得到通知并被自动更新 它的主体是通知的发布者 发出通知时并不需要知道谁是它的观察者 可以有任意数目的观察者订阅并接收通知 将观察者和被观察的
  • docker 打包镜像部署

    dockerfile 直接复制粘贴 把jar包位置改一下就行 设置本镜像需要使用的基础镜像 FROM java 11 FROM openjdk 11 把jar包添加到镜像中 ADD ip v1 jar app jar 镜像暴露的端口 EXP
  • Ubuntu 更换国内源

    Ubuntu系统自带的源都是国外的网址 国内用户在使用的时候网速比较慢 一个软件的下载是十分痛苦的 这里讲解一下如何将国外源更换为国内源 让你的网速Biu Biu Biu c如果想快速切换国内源强烈推荐 gt gt gt gt Ubuntu
  • 2012年9月开学季CSDN高校俱乐部专家巡讲讲师招募

    基本介绍 CSDN高校俱乐部CSDN高校俱乐部 以下称 俱乐部 是一个非盈利性的 面向全国IT专业大学生的技术组织 辐射全国数百所高校 俱乐部吸引到来自各高校对程序开发怀有强烈热情的大学生 以线上论坛线下活动形式开展学生之间 学生与导师之间
  • [linux命令]zsh: command not found: npm

    问题 zsh command not found npm 解决 重装node js 注意版本
  • 【C语言开源项目】tinyhttpd ——下载、安装、使用

    前言 本系列将带领大家看一些C语言的优秀的开源项目 并逐步深入讲解源码 感兴趣的可以点击关注 收藏 有问题及时在评论区评论 Tinyhttpd 介绍 Tinyhttpd 是一个非常轻量级的 web server 总共只有500多行代码 非常
  • js用正则取${}中的值

    js使用正则表达式获取 变量名 中的变量名 1 需求 从 124fddr32 3532 253 23354 233 k 545xx54 666 233545xxxxx 这类字符串中获取 中的内容 注意 的个数是不确定的 一 使用match的
  • 2021-06-30 nginx 80端口http转发非443端口https

    nginx 80端口http转发非443端口https 图一张 不解之处 图一张 不解之处 没有系统学习过nginx 不懂为何第二种写法不行
  • 用C语言实现一个简单的静态栈

    栈是我们经常会用到的一种数据结构 下面我们就来看一下如何使用C语言来实现一个静态栈 并且使用它来解决一个经典的问题 括号匹配问题 首先我们来看一下栈的自定义类型 我们需要一个数组来存放栈中的元素 并且需要一个数字来表明目前栈顶所在的位置 所
  • mysql同时插入两个字段_mysql 怎么给一个表一次增加多个字段? ?

    DIEA mysql为一个表增加多个字段的语法为 ALTER TABLE 表名 ADD COLUMN 字段名1 数据类型 长度 DEFAULT NULL ADD COLUMN 字段名2 数据类型 长度 DEFAULT NULL 其中 def

随机推荐

  • 深入理解const char*p,char const*p,char *const p,const char **p,char const**p,char *const*p,char**const p

    http www cnblogs com rushuizhijing archive 2011 08 26 2154737 html 深入理解const char p char const p char const p const char
  • flutter生命周期

    原文地址 https www jianshu com p 7e8dff26f81a Flutter跟安卓的Activity iOS的ViewController一样拥有自己的生命周期 Flutter中一切都是Widget 渲染方式有点像H5
  • Matlab 随机采样

    Matlab 随机采样 随机采样是统计学和数据分析中常用的一种方法 可以用来生成代表性的样本数据 在 Matlab 中 我们可以通过 rand 函数来实现随机采样 下面我们来介绍几种常见的随机采样方法及其实现 简单随机采样 简单随机采样是最
  • RocketMQ的架构及概念

    RocketMQ就是一个消息中间键用于实现异步传输与解耦 那什么是消息中间键呢 消息中间件利用高效可靠的消息传递机制进行平台无关的数据交流 并基于数据通信来进行分布式系统的集成 通过提供消息传递和消息排队模型 它可以在分布式环境下扩展进程间
  • 后端id设置long类型时,传到前端,超过19位最后两位为00

    前言 整理后端id的long类型的情况下 数据太大 前端拿到的数据出现自动转00问题 也就是 从后台传入的雪花id在前端被截断 问题情况 出现问题的原因 Java中Long的取值范围为 9223372036854775808到9223372
  • ctfshow web入门题解(一) web1-10

    ctfshow web入门题解 一 web1 10 被带佬丢进坑里了 备考的时候顺便做做题目 就当放松了 狗比套妈人拐进来自己跑掉 遇见他记得喊人贩子 信息搜集 ctfshow web入门题解 一 web1 10 web1 web2 web
  • eclipse2019 从头创建web项目到运行网页的过程总结

    简介 今天朋友在github上下载了一个老版本的eclipse项目 叫我帮忙配置运行环境且运行出网页页面 由于我一开始学习java就是用的IDEA 几乎对eclipse没有任何的接触 对怎么使用也是一点都不清楚 更别说别的了 经过一下午的不
  • OpenCV在Python上的调用( import cv2的解决办法)

    OpenCV是一个图像处理的经典库 而且关键是一直在升级 为了在Python中调用opencv 特别是看到好多代码都是import cv2 而这个在python中是无法直接进行pip install安装的 查了下 才知道需要从opencv库
  • PS接入人工智能!Photoshop (Beta) AI PS最新AI版支持创意AI文生图

    adobe 在 Photoshop最新的 Beta 版本中 新增AI创意填充功能让你只需要使用简单的文字提示就可以帮你完成对图像内容的添加 扩展 移除 在几秒钟内实现令您感到惊叹 喜悦和震撼的逼真效果 实际体验后我发现这一功能将改变传统作图
  • 关于安卓手机如何访问Tomcat服务器详解

    关于安卓手机访问Tomcat服务器 Tomcat的安装整备 运行Tomcat 手机接入局域网 关于查找IP 启动cmd exe 找到自己的ip 关闭防火墙 将文件放入Tomcat的webapps 手机端连接服务器 Tomcat的安装整备 下
  • Flutter与Android iOS 的双向通信

    本文章中的完整代码在这里 GitHub zhaolongs Flutter Android iOS Flutter 与 Android iOs 的双向通信 demo demo运行注意 1 Json数据解析异常 org json JSONEx
  • 443.压缩字符串

    443 压缩字符串 给你一个字符数组 chars 请使用下述算法压缩 从一个空字符串 s 开始 对于 chars 中的每组 连续重复字符 如果这一组长度为 1 则将字符追加到 s 中 否则 需要向 s 追加字符 后跟这一组的长度 压缩后得到
  • String内部一次性替换多个字符串

    问题 String进行字符串的替换的时候 可以使用 s replace 但是只能替换一个字符 所以说 当需要多个字符串进行替换是 会有些麻烦 解决 使用StrUtil removeAll 引入hutool包 使用 StrUtil remov
  • 电感相关知识总结

    一 定义及原理 电感就是将导线绕制成线圈形状 当电流流过时 在线圈 电感 两端就会形成较强的磁场 由于电磁感应的作用 会对电流的变化起阻碍作用 因此 电感对直流呈现很小的电阻 近似于短路 对交流呈现的阻抗较高 其阻值的大小与所通过交流信号的
  • 一、深度学习框架究竟是什么?

    1 引言 一直在说深度学习框架 最近也在使用tensorflow进行了简单的实验 但是对其中关系的理解还是不够到位 他们里面究竟是怎样的一个运行机制呢 2 说明 深度学习框架也就像Caffe tensorflow这些是深度学习的工具 简单来
  • k8s从入门到放弃-第九章安全认证

    文章目录 9 1访问控制概述 9 2认证管理 9 3授权管理 9 4准入控制 本章节主要介绍Kubernetes的安全认证机制 9 1访问控制概述 Kubernetes作为一个分布式集群的管理工具 保证集群的安全性是其一个重要的任务 所谓的
  • Java基础语法-标识符

    标识数据的符号称为标识符 变量名称就是标识符 标识符主要用于起名 String name zhangsan 标识符的命名规则 1 英文拉丁字母 String name zhangsan 2 符号 标识符只能采用下划线 和美元 符号其他符号不
  • 关于tomcat繁忙线程数获取

    在某些情况下 我们需要对tomcat的繁忙线程数进行监控以满足我们队应用服务器状态信息的把控 那么我们该如何通过我们自定义的接口来获得tomcat的繁忙线程数 首先 我们应该想到tomcat本身是否为我们提供了类似的方法 博主在实际开发中拜
  • 图床搭建快速入门(PICGO + 腾讯云)

    写在前面 本文参考文章 总结补充有手就行 搭建图床 PicGo 腾讯云 贤蛋大眼萌的博客 CSDN博客 一 安装PICGO 去PICGO官网安装 官网地址 但是需要去Github去下载安装包 下载发行版 更稳定 PicGo PicGo 图片
  • 微信小程序 background-image 报错

    开发过程中使用background设置背景图片在小程序上运行报错如下 报错原因 微信小程序通过background image设置背景 只支持线上图片和base64图片 不支持本地图片 解决 1 图片放到服务器上 使用线上图片 2 base