uniapp 缓存读取本地图片

UniApp 是一个跨平台的前端框架，它允许开发者构建一次，部署到多个平台的应用，包括Web、iOS、Android等。在 UniApp 中，读取本地图片并缓存起来通常涉及到文件系统操作和数据持久化。

1. **读取本地图片**：首先，你需要获取用户选择的图片，这可以通过`uni.getImageInfo`或`uni.chooseFile` API 实现。例如：

uni.getImageInfo({
  src: 'file://local/path/to/image.jpg',
  success: function(res) {
    var url = res.path;
    // 使用url处理图片
  }
});

2. **缓存图片**：UniApp 提供了`uni.downloadFile`下载文件到本地，并可以指定一个目录路径来进行缓存。你可以将图片下载后存储到特定的cache目录下，如 `uni.getStorageSync('imagesCache')` 或 `uni.setStorage`配合`path.join`拼接路径。

uni.downloadFile({
  url: url,
  savePath: path.join(uni.getStorageSync('imagesCache'), res.name), // 将图片保存到缓存目录
  showProgress: true,
  success: function() {
    console.log('图片已缓存');
  }
})

3. **读取缓存图片**：当需要再次访问图片时，可以从缓存目录读取，而不是每次都从网络请求：

uni.readFile({
  filePath: path.join(uni.getStorageSync('imagesCache'), fileName),
  format: 'image', // 或者'image/webp'
  success: function(res) {
    // 使用res.tempFilePath作为图片URL展示
  },
  fail: function(err) {
    // 图片未找到，可以从网络重新获取
  }
})