uniapp预加载线上图片

在UniApp中，可以通过预加载线上图片来提前加载图片资源，以提高用户体验和页面加载速度。以下是一种常见的预加载线上图片的方法：

1. 在页面的`onLoad`生命周期函数中，使用`uni.downloadFile`方法下载图片文件到本地缓存。
2. 在下载完成后，可以使用`uni.getImageInfo`方法获取图片的本地路径。
3. 将获取到的本地路径保存到页面的data中，以便后续使用。
4. 在页面中使用`<image>`标签，并将src属性设置为预加载的图片路径。

下面是一个示例代码：

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

<script>
export default {
  data() {
    return {
      preloadedImage: '' // 预加载的图片路径
    }
  },
  onLoad() {
    uni.downloadFile({
      url: 'https://example.com/image.jpg', // 图片的线上地址
      success: (res) => {
        if (res.statusCode === 200) {
          uni.getImageInfo({
            src: res.tempFilePath,
            success: (info) => {
              this.preloadedImage = info.path // 将预加载的图片路径保存到data中
            }
          })
        }
      }
    })
  }
}
</script>

这样，在页面加载时，图片就会被提前下载并预加载到本地缓存中。当页面渲染时，直接使用预加载的图片路径即可，避免了网络请求的延迟，提高了用户体验。