客户端怎么实现uniapp图片缓存 渲染 每天更换一次

UniApp中可以通过uni.getImageInfo接口获取图片信息，包括图片的宽高、路径和大小等信息。可以使用uni.downloadFile接口将图片下载到本地，然后使用uni.getImageInfo获取图片信息，最后将图片路径存储到本地缓存中。

为了实现每天更换一次的效果，可以使用定时器或者计时器来触发更新操作。在更新前可以先检查本地缓存中是否存在当天的图片路径，如果存在则直接使用，否则重新下载并缓存图片。

具体实现可以参考以下步骤：

1.在App.vue中添加定时器，在每天的固定时间点触发更新操作。

mounted() {
  setInterval(() => {
    this.updateImage();
  }, 24 * 60 * 60 * 1000); // 每天的固定时间点
},
methods: {
  updateImage() {
    // 检查本地缓存中是否存在当天的图片路径，存在则直接使用，否则重新下载并缓存图片
    // ...
  }
}

2.使用uni.downloadFile下载图片到本地，并使用uni.getImageInfo获取图片信息。

uni.downloadFile({
  url: imageUrl,
  success: res => {
    if (res.statusCode === 200) {
      uni.getImageInfo({
        src: res.tempFilePath,
        success: info => {
          // 将图片路径存储到本地缓存中
          // ...
        }
      })
    }
  }
})

3.在组件中使用本地缓存中的图片路径进行渲染。

<template>
  <image :src="imagePath"></image>
</template>
<script>
export default {
  data() {
    return {
      imagePath: ''
    }
  },
  mounted() {
    // 从本地缓存中获取当天的图片路径
    // ...
    this.imagePath = imagePath;
  }
}
</script>

注意：本地缓存的数据可以使用uni.setStorageSync和uni.getStorageSync进行存储和获取。同时，为了避免缓存过多，可以设置缓存的过期时间，使用uni.removeStorageSync清除过期的缓存数据。