解决微信小程序开发中wxss中不能用本地图片

Posted 2022-03-07 lyn4ever

微信小程序开发中wxss中不能用本地图片，我们可以用将我们的图片传到服务器上，然后直接引用在线地址。但是当我们没有服务器时，我们可以用“图床”，这个具体可以百度。这里我们用第二种方法：将图片用base64加密。

1.我们用在线加密对图片进行加密，这个网址百度一大堆，我只贴出一个http://imgbase64.duoshitong.com/
2.将转换完成后的base64复制到我们要引用的地方。
3.设置样式(辅助代码，只有将这个图片做为background-image时注意设置如下属性):

background-size: 8%;
background-position: center center;
background-repeat: no-repeat;