码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2019-07-02 00:27:24      阅读:91      评论:0      收藏:0      [点我收藏+]

标签:xss   服务器   base64   http   程序开发   服务   hit   pre   enter   

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

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

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

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

标签:xss   服务器   base64   http   程序开发   服务   hit   pre   enter   

原文地址:https://www.cnblogs.com/Lyn4ever/p/11117588.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!