早睡早起,方能养生!
Sleep early rise early, way to keep healthy!

uniapp微信小程序无法使用本地静态资源图片(wxfile)作为背景图解决办法

super
2021-11-18 12:14
views 148

解决方式:

 

1). 将图片资源放到服务器,以https://形式使用

 

2). 将图片转为base64格式使用

 

let img = 'wxfile://tmp_564156qwdqwdq65w4dq6wd.png';
let imgBase64 = wx.getFileSystemManager().readFileSync(img, 'base64');
// 使用
this.background = 'data:image/png;base64,' + imgBase64;

 

3). background使用image标签替代

 

<image class="bg" src="../../static/image/bg.png"></image>
// <image class="bg" src="wxfile://tmp_564156qwdqwdq65w4dq6wd.png"></image>

.bg {
    position: absolute;
    width: 750rpx;
    height: 1334rpx;
    z-index: -1;
}


分享
0 条讨论
top