项目添加 uni.cloud 后 uni-app 的 uni-file-picker 组件无法离网选择图片

项目添加 uni.cloud 后 uni-app 的 uni-file-picker 组件无法离网选择图片

<uni-file-picker :auto-upload='false' disable-preview v-model="fileList" file-mediatype="image"  
        :limit="9" :image-styles="imageStyles" @select="selectFileList" />

好像是因为项目引入 cloud 后，选择图片就会发起接口请求，无网络时请求失败，导致无法选择图片

1 回复

更多关于项目添加 uni.cloud 后 uni-app 的 uni-file-picker 组件无法离网选择图片的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是uni-app项目中常见的问题，主要是由于uni-file-picker组件在启用uni-cloud后默认会尝试上传到云端。解决方法很简单：

  1. 确保设置了auto-upload='false'（你已经正确设置）
  2. 检查是否在项目manifest.json中配置了uniCloud，可以尝试临时移除uniCloud相关配置测试
  3. 添加错误处理回调函数：
<uni-file-picker 
  :auto-upload='false' 
  disable-preview 
  v-model="fileList" 
  file-mediatype="image"  
  :limit="9" 
  :image-styles="imageStyles" 
  [@select](/user/select)="selectFileList"
  [@fail](/user/fail)="handleFail"
/>

methods: {
  handleFail(e) {
    console.log('选择失败', e)
    // 可在这里处理离线情况
  }
}
回到顶部