想做一个小程序,将一个摄像机的拍摄的图片每五秒一次存储到小程序云开发的存储中。
如下图,在此界面中可实时刷新获取最新的图像:
然后在小程序页面中,使用下载文件的API wx.cloud.downloadFile获取零时url地址,并以图像方式显示到页面中:
/**
* 生命周期函数--监听页面加载
*/
onLoad: function () {
wx.cloud.downloadFile({
fileID: 'cloud://se-lab-manager-cloud-acdvw.7365-se-lab-manager-cloud-acdvw-1302646586/123.jpg',
success: res => {
// get temp file path
console.log(res.tempFilePath)
this.setData({
imageurl: res.tempFilePath
})
}
})
wx.showToast({
title: '图像下载成功',
icon: 'success',
duration: 1000
})
},
<!-- <text>实时图像</text> -->
<image src="{{imageurl}}" mode="aspectFit" style='width:750rpx;height:420rpx'></image>
获取图像成功:
却无法通过页面刷新或者下拉来获取最新的实时图像。
但,如果在开发工具中重新编译,或者小程序体验开发版体验环境中‘重新进入小程序’,才可完成图像刷新。
不得其解,还请求助
设置一下云存储的缓存时间,设置为5s以下
你好 问题解决了吗?