uniapp 缓存图片 如果断网了则播放缓存的图片

对于uniapp缓存图片，可以使用uniapp自带的uni.getImageInfo方法获取图片信息，然后使用uni.downloadFile方法下载图片，并将其缓存在本地。

如果要实现断网时播放缓存的图片，可以使用uniapp自带的uni.getNetworkType方法获取网络状态，当网络状态为无网络时，通过uni.getImageInfo方法获取缓存的图片信息，并在页面上显示缓存的图片。

下面是一个简单的示例代码：

<template>
  <view>
    <image :src="imageUrl"></image>
  </view>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: ''
    }
  },
  mounted() {
    this.loadImage()
  },
  methods: {
    // 加载图片
    loadImage() {
      const that = this
      uni.getNetworkType({
        success(res) {
          if (res.networkType === 'none') {
            // 无网络，从缓存中获取图片信息
            uni.getImageInfo({
              src: '缓存图片地址',
              success(res) {
                that.imageUrl = res.path
              }
            })
          } else {
            // 有网络，下载图片
            uni.downloadFile({
              url: '网络图片地址',
              success(res) {
                that.imageUrl = res.tempFilePath
              }
            })
          }
        }
      })
    }
  }
}
</script>

请注意，上述代码中的“缓存图片地址”是指已经缓存到本地的图片地址，而“网络图片地址”是指需要下载的网络图片地址。在实际使用中需要根据具体情况进行修改。