微信小程序设置本地图片的背景，开发工具可以，手机端不显示

let base64 = wx.getFileSystemManager().readFileSync('/images/videoCover.jpg', 'base64')

this.setData({

coverImg: 'data:image/jpg;base64,' + base64,

})

原因：小程序背景图片只可以展示base64或者网络地址图片，背景图片如果使用路径地址，电脑开发时可以正常显示，手机测试时无法显示背景图。
使用"wx.getFileSystemManager().readFileSync(file_address,encoding)"进行转码https://blog.csdn.net/qq_36875339/article/details/81086205

微信小程序：背景图片电脑开发时可以显示，手机测试时无法显示 - 简书

微信小程序设置本地图片的背景，开发工具可以，手机端不显示相关推荐

微信小程序设置本地图片为背景图
微信小程序通过wxss进行设置背景图报错经查询,发现微信小程序中,将网络图片或base64图片设置为背景图片可正常显示,将本地图片设置为背景图片则不能显示,解决方法有三种,个人采用的是第三种方法 ...
Uni-app开发微信小程序使用本地图片做背景图
Uni-app开发微信小程序使用本地图片做背景图 <view class="content" :style="{backgroundImage:'url(' + i ...
微信小程序之一本地图片处理--按屏幕尺寸插入图片
个人感觉微信小程序的IDE用起来有时候不太方便,可能是之前用惯了Eclipse的原因吧.微信小程序的开发工具不支持直接将文件拷贝到目录下,所以首先要将图片文件导入到本地目录下,然后编写工具类获取屏幕的 ...
微信小程序--使用本地服务器进行测试开发
很多做微信小程序开发的程序员都是有JavaEE基础的最近群里好多人问,小程序怎么访问本地的tomcat接口服务器,在这里记录一下首先写一个接口,地址是"http://localhost: ...
Uni-app开发微信小程序的一些基础知识点包括开发工具的安装和项目的初始配置运行（边学边更新）
文章目录 1.开发工具 1.1 HBuilder X 安装 1.2 微信开发者工具安装 1.3 HbuilderX 文档 2.创建初始项目运行 2.1 创建Uni-app项目 2.2 运行 2.2. ...
微信小程序游戏开发文档以及开发工具地址
微信小程序开发交流qq群 581478349 承接微信小程序开发.扫码加微信. 正文: 微信官方于 2017 - 12 - 28 日开发微信小程序开发小游戏 , 微信小程序小游戏开发官方 ...
（一）微信小程序从入门到实战之开发工具安装
俗话说工欲善其事,必先利其器,作为一名程序员,开发软件和开发环境是我们进行软件开发的必要条件.但是对于很多新入门的朋友来说,安装开发环境和配置环境变量,通常把大多数人拦在门外,所以这篇博客,咱们先来介 ...
微信小程序使用本地图片在真机预览不显示的问题解决
开发工具上本地图片可以显示,但是在真机上预览的时候不能显示通常我们代码路径是代码是这样写的 <view class="logo"><image src=&quo ...
微信小程序设置背景图片
经常为微信小程序设置颜色背景,突然发现一张好看的图片怎么把它设置为背景呢? 以下总结了三种方法: css中通过url获取网络图片微信小程序中不能使用本地图片 background-image:url ...

微信小程序设置本地图片的背景，开发工具可以，手机端不显示

微信小程序设置本地图片的背景，开发工具可以，手机端不显示相关推荐

最新文章

热门文章