问题:
uniapp 小程序 背景图真机测试 不显示 ,但是开发工具可以正常显示
解决:
uniapp 支持使用在css里设置背景图片,使用方式与普通web项目大体相同,但需要注意以下几点:
- 支持base64格式图片
- 支持网络路径图片
- 小程序不支持在css中使用本地文件,包括本地的背景图和字体文件,需要以base64方式方可使用
- 使用本地路径背景图片需注意:
为方便开发者,在背景图小于40kb时,uniapp编译到不支持本地背景图的平台时,会自动将其转化为base64格式
图片大于等于40kb,会有性能问题,不建议使用太大的背景图,如开发者必须使用,则需自己将其装换为base64格式使用,或使用 网络地址
本地背景图片的引用路径推荐使用以~@开头的绝对路径
微信小程序不支持相对路径(真机不支持,开发工具支持)
uniapp 小程序 下载图片
wx.downloadFile({ //下载图片到本地
url: “”,//地址
filePath: wx.env.USER_DATA_PATH + ‘/’ + “123” + ‘.png’,
success(res) {
console.log(res)
if (res.statusCode === 200) {
let img = res.filePath
wx.saveImageToPhotosAlbum({ //只支持本地图片所以要先把图片下载下来
filePath: img,
success(result) {
console.log(result)
wx.showToast({
title: ‘已保存至相册’,
icon: “none”,
})
},
fail(res) {
console.log(result)
wx.showToast({
title: ‘保存失败’,
icon: “none”,
})
}
})
}
}
})
(图片转成base64)转换链接 https://c.runoob.com/front-end/59/